将输入字段和按钮放在屏幕中央
将输入字段和按钮放在屏幕中央
提问于 2019-02-22 06:41:19
我想有一个简单的输入字段下面的按钮，我试图把它放在屏幕的中心。
这是我的代码：
Widget build(BuildContext context) {
return new Container(
decoration: new BoxDecoration(color: Colors.white10),
child: new Center(
child: Column(
children: <Widget>[
TextField(
decoration: InputDecoration(border: OutlineInputBorder())),
IconButton(
icon: Icon(Icons.volume_up),
tooltip: 'Increase volume by 10%',
onPressed: () { setState(() { _volume *= 1.1; }); },)
],
)
),
);
}但是，即使我使用Center()小部件，它也会显示在屏幕顶部。
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-02-22 07:01:32
您所需要的就是使用mainAxisAlignment和crossAxisAlignment垂直居中
Widget build(BuildContext context) {
return new Container(
decoration: new BoxDecoration(color: Colors.white10),
child: new Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: <Widget>[
TextField(
decoration: InputDecoration(border: OutlineInputBorder())),
IconButton(
icon: Icon(Icons.volume_up),
tooltip: 'Increase volume by 10%',
onPressed: () { setState(() { _volume *= 1.1; }); },)
],
)
),
);
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/54817390
复制相关文章
相似问题