我想知道如何设置一个宽度，以匹配父布局宽度
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,
),
),
我知道一点点关于扩展小部件，但扩展扩展视图到两个方向，我不知道如何做到这一点。
当前回答
对于match_parent，您可以使用
SizedBox(
width: double.infinity, // match_parent
child: RaisedButton(...)
)
对于任何可以使用的特定值
SizedBox(
width: 100, // specific value
child: RaisedButton(...)
)
其他回答
这对我很有用。
SizedBox(
width: double.maxFinite,
child: RaisedButton(
materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
child: new Text("Button 2"),
color: Colors.lightBlueAccent,
onPressed: () => debugPrint("Button 2"),
),
),
TRY
Flexible(
child: Row(
children: [
ElevatedButton(
onPressed: () {},
child: Text("love you}"),
),
],
),
),
使用ListTile也可以，因为列表填充了整个宽度:
ListTile(
title: new RaisedButton(...),
),
这在一个自包含的小部件中为我工作。
Widget signinButton() {
return ButtonTheme(
minWidth: double.infinity,
child: new FlatButton(
onPressed: () {},
color: Colors.green[400],
textColor: Colors.white,
child: Text('Flat Button'),
),
);
}
// It can then be used in a class that contains a widget tree.
RaisedButton ( 孩子:行( mainAxisAlignment: MainAxisAlignment.center, 孩子们:文本(“提交”), ） ） 这对我很管用。
