我想将 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 垂直居中。
最佳答案
使用 CrossAxisAlignment.center
值将 crossAxisAlignment
属性赋予您的列
Column(
crossAxisAlignment: CrossAxisAlignment.center
.
.
.
),
关于android - 如何将 TextField 居中放置在 Container 中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55980852/