dart - 在这种情况下，中心和扩展之间的区别？

Question

我想要 AppBar 居中之后的一切。然而它不居中。这就是我的代码的样子。如果有人能告诉我为什么我当前的代码没有将登录名置于密码项的中心，我将不胜感激。

这是我现在的布局

这是我的代码

class MyScaffold extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
        // Material is a conceptual piece of paper on which the UI appears.
        return new Material(
            // Column is a vertical, linear layout.

            child: new Column(
                    children: <Widget>
                    [
                        new MyAppBar(
                            title: new Text('Example title', style: Theme
                                    .of(context)
                                    .primaryTextTheme
                                    .title),
                            ),

                        new Center(
                            child: new Column(
                                    mainAxisAlignment: MainAxisAlignment.center,
                                    crossAxisAlignment: CrossAxisAlignment.center,
                                    children: <Widget>[
                                        new Text("Login"),

                                        new TextField(
                                                decoration: new InputDecoration(
                                                        border: new OutlineInputBorder(), hintText: '---')),

                                        new Text("Password"),

                                        new TextField(
                                                decoration: new InputDecoration(
                                                        border: new OutlineInputBorder(), hintText: '---')),

                                    ]),
                            )


                    ]
                    ));
    }
}

我希望它看起来像这样

我知道我可以用展开的替换中心来实现那种外观。为什么这样行得通？两者有什么区别。谁能阐明 Expanded 的真正作用？

Answer 1

使用扩展会迫使 child 占用可用空间。 Read more here