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 - 如何调整页面大小

  • 772

我想改变这个小部件（页面）的大小，非常感谢！！！

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

这是一个我必须在其中实现许多东西的页面，但理想情况下它应该具有较小的尺寸。

这是主要的小部件：

块引用

  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

    您可以做的只是使用小部件SizedBox来定义大小，但请记住，您会在后面看到黑色背景。

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

    如果您正在寻找使用类型 windows Dialog，您可以简单地通过使用showDialog和传递具有预定义大小的小部件来完成，例如：

    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