我发现无法在扑动中设置提升按钮的宽度。如果我已经很好地理解了，我应该把提升按钮放入大小框中。然后，我将能够设置框的宽度或高度。正确吗?还有别的办法吗?
在每个按钮周围创建一个大小框有点乏味，所以我想知道为什么他们选择这样做。我很确定他们这么做有一个很好的理由，但我不这么认为。 对于初学者来说，脚手架很难阅读和构建。
new SizedBox(
width: 200.0,
height: 100.0,
child: ElevatedButton(
child: Text('Blabla blablablablablablabla bla bla bla'),
onPressed: _onButtonPressed,
),
),
当前回答
我喜欢的方法来提高按钮与匹配父是包装它与容器。 下面是示例代码。
Container(
width: double.infinity,
child: RaisedButton(
onPressed: () {},
color: Colors.deepPurpleAccent[100],
child: Text(
"Continue",
style: TextStyle(color: Colors.white),
),
),
)
其他回答
新按钮TextButton, ElevatedButton, OutlinedButton等将以不同的方式改变。
我从这篇文章中发现了一种方法:你需要“收紧”按钮周围的约束框。
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Kindacode.com'),
),
body: Center(
child: ConstrainedBox(
constraints: BoxConstraints.tightFor(width: 300, height: 200),
child: ElevatedButton(
child: Text('300 x 200'),
onPressed: () {},
),
),
));
}
如果你在Column()中有一个按钮，并希望该按钮具有最大宽度，设置:
crossAxisAlignment: CrossAxisAlignment.stretch
在Column小部件中。现在这个Column()下的所有内容都将具有最大可用宽度
我喜欢的方法来提高按钮与匹配父是包装它与容器。 下面是示例代码。
Container(
width: double.infinity,
child: RaisedButton(
onPressed: () {},
color: Colors.deepPurpleAccent[100],
child: Text(
"Continue",
style: TextStyle(color: Colors.white),
),
),
)
要设置任何按钮的高度和宽度，只需用sizebox包装它。你可以轻松地设置任何按钮的高度和宽度的包装与sizebox。 如果你想给两个小部件之间的空间，那么你可以使用大小框，在大小框内，你可以使用高度。
我建议使用MaterialButton，你可以这样做:
MaterialButton(
height: 40.0,
minWidth: 70.0,
color: Theme.of(context).primaryColor,
textColor: Colors.white,
child: new Text("push"),
onPressed: () => {},
splashColor: Colors.redAccent,
)
