我想知道如何设置一个宽度，以匹配父布局宽度
new Container(
width: 200.0,
padding: const EdgeInsets.only(top: 16.0),
child: new RaisedButton(
child: new Text(
"Submit",
style: new TextStyle(
color: Colors.white,
)
),
colorBrightness: Brightness.dark,
onPressed: () {
_loginAttempt(context);
},
color: Colors.blue,
),
),
我知道一点点关于扩展小部件，但扩展扩展视图到两个方向，我不知道如何做到这一点。
当前回答
在Flutter 2.0中，RaisedButton已弃用，并被ElevatedButton取代。
ElevatedButton小部件的minimumSize属性正是这样做的。
示例代码:
ElevatedButton(
style: ElevatedButton.styleFrom(
primary: Colors.green,
onPrimary: Colors.white,
shadowColor: Colors.greenAccent,
elevation: 3,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(20.0)),
minimumSize: Size(100, 40), //////// HERE
),
onPressed: () {},
child: Text('MyButton'),
)
其他回答
经过一番研究，我找到了一些解决方案，感谢@Günter Zöchbauer，
我用了列而不是容器和
将属性设置为列CrossAxisAlignment。拉伸填充匹配按钮的父元素
new Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: <Widget>[
new RaisedButton(
child: new Text(
"Submit",
style: new TextStyle(
color: Colors.white,
)
),
colorBrightness: Brightness.dark,
onPressed: () {
_loginAttempt(context);
},
color: Colors.blue,
),
],
),
使用ListTile也可以，因为列表填充了整个宽度:
ListTile(
title: new RaisedButton(...),
),
对于match_parent，您可以使用
SizedBox(
width: double.infinity, // match_parent
child: RaisedButton(...)
)
对于任何可以使用的特定值
SizedBox(
width: 100, // specific value
child: RaisedButton(...)
)
用一个中心小部件包装您的(具有固定宽度的子小部件)。这将使你的小部件居中:
Center(child:Container(width:250,child:TextButton(child:Text("Button Name),),)
size属性可以使用ButtonTheme和minWidth: double.infinity来提供
ButtonTheme(
minWidth: double.infinity,
child: MaterialButton(
onPressed: () {},
child: Text('Raised Button'),
),
),
或者在https://github.com/flutter/flutter/pull/19416登陆后
MaterialButton(
onPressed: () {},
child: SizedBox.expand(
width: double.infinity,
child: Text('Raised Button'),
),
),
