如何在Flutter中使文本字段在底部居中

Question

我不明白为什么小部件为什么不放置在屏幕底部，从我的理解来看，“ crossAxisAlignment：CrossAxisAlignment.end”行应将其放置在屏幕底部。谁能提供帮助？

import 'package:flutter/material.dart';

class AddButton extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        padding: EdgeInsets.all(16.0),
        child: Row(
          crossAxisAlignment: CrossAxisAlignment.end, //why isn't this placing the widget at the end
          children: <Widget>[
            Expanded(
              child: TextField(

              )
            )
          ],
        )
      )
    );
  }
}

Answer 1

因为Row的高度等于TextField的高度，并且您正在尝试将其内容与底部对齐。您可以将其包装在彩色容器中进行查看：

而不是在Row内对齐，您需要在父Container内对齐Row本身：

    return Scaffold(
      body: Container(
        alignment: Alignment.bottomCenter, // align the row
        padding: EdgeInsets.all(16.0),
        child: Row(
          children: <Widget>[
            Flexible(
              child: TextField(
              )
            )
          ],
        )
      )
    );