Разница между Центром и Расширенным в этом случае?

Я хотел все после того, как 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?

1 ответ

Используя расширенные силы, ребенок занимает свободное место. Узнайте больше здесь

Другие вопросы по тегам