android - 如何将 TextField 居中放置在 Container 中？

Question

我想将 Container 中的 TextField 居中，但它们是左对齐的。

  @override
 Widget build(BuildContext context) {
// TODO: implement build
return Scaffold(
    appBar: AppBar(
      title: Text('Login'),
    ),
    body: Container(
        child: Column(          
      children: <Widget>[
        Container(
          child: TextField(
            decoration: InputDecoration(hintText: 'Email Address'),
          ),width: MediaQuery.of(context).size.width * 0.5,
        ),
        Container(
          child: TextField(
            decoration: InputDecoration(hintText: 'Password'),
          ),
          width: MediaQuery.of(context).size.width * 0.5,
        ),
        RaisedButton(
          onPressed: () {
            print('Pressed');
          },
          child: Text('Login'),
          textColor: Colors.white,
          color: Colors.blue,
        ),
      ],
    )));

如何将电子邮件和密码 TextField 置于主容器的中心？

编辑:我尝试使用 crossAxisAlignment: CrossAxisAlignment.center 但它不起作用，尽管当我尝试 mainAxisAlignment: MainAxisAlignment.center 时它使 TextFields 垂直居中。

Answer 1

使用 CrossAxisAlignment.center 值将 crossAxisAlignment 属性赋予您的列

Column(
   crossAxisAlignment: CrossAxisAlignment.center
.
.
.
),