如何使 TextField 在 Container 内居中？

Question

我想将 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,
        ),
      ],
    )));

}

如何将电子邮件和密码文本字段居中到主容器？

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

Answer 1

crossAxisAlignment为您的列提供具有CrossAxisAlignment.center价值的属性

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