Home / Questions / 277914
Accepted
Roberto Hermosilla F
Asked: 2020-07-10 16:22:14 +0800 CST 2020-07-10 16:22:14 +0800 CST

Flutter - How to resize a page

  • 772

I would like to change the size of this widget (page), thank you very much!!!

 Widget _mainContainer() {
 return new Container(
    child: new ListView(
      children: <Widget>[
        new Center(
          child: new Column(
            children: <Widget>[
            _formContainer(),
            ],
          ),
        ),
      ],
    ));
 }

It is a page in which I must implement many things, but ideally it should have a smaller size.

This is the main widget:

block quote

  Widget build(BuildContext context) {
    return new Scaffold(
    key: globalKey,
    backgroundColor: Colors.white,
    body: new Stack(
      children: <Widget>[_mainContainer(), progressDialogRegion],
    ));

}

flutter

1 Answers

  1. Best Answer

    What you can do is just use the widget SizedBoxto define the size, but remember that you will see a black background in the back.

    return Center(child: 
        SizedBox( 
        height: 200,
        width: 200, 
        child: Scaffold(
    key: globalKey,
    backgroundColor: Colors.white,
    body: new Stack(
      children: <Widget>[_mainContainer(), progressDialogRegion],
    ))));

    If you are looking to use type windows Dialog, you can do it simply by using showDialogand passing the widget with the predefined size, example:

    showDialog(
                            context: context,
                            builder: (_) => MyDialogPage(),
                          );

    class MyDialogPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Material(
      color: Colors.transparent,
      child: Center(
        child: Container(
          color: Colors.blueGrey,
          height: 300,
          child: Column(
            children: <Widget>[
              Align(
                alignment: Alignment.centerRight,
                child: IconButton(
                  icon: Icon(Icons.close),
                  onPressed: () => Navigator.of(context).pop(),
                ),
              ),
              Center(
                child: Text("Hello world"),
              ),
            ],
          ),
        ),
      ),
    );
  }
}
    • 1