我发现无法在扑动中设置提升按钮的宽度。如果我已经很好地理解了，我应该把提升按钮放入大小框中。然后，我将能够设置框的宽度或高度。正确吗?还有别的办法吗?
在每个按钮周围创建一个大小框有点乏味，所以我想知道为什么他们选择这样做。我很确定他们这么做有一个很好的理由，但我不这么认为。 对于初学者来说，脚手架很难阅读和构建。
new SizedBox(
width: 200.0,
height: 100.0,
child: ElevatedButton(
child: Text('Blabla blablablablablablabla bla bla bla'),
onPressed: _onButtonPressed,
),
),
当前回答
在我的例子中(按钮是一个水平ListView的子)，我必须用填充小部件包装按钮，并设置右/左填充。
Padding(
padding: const EdgeInsets.only(right: 50, left: 50),
child: ElevatedButton(onPressed: () {}, child: Text("LOGOUT")),
)
其他回答
我们使用Row或Column, Expanded, Container和元素来使用例子RaisedButton
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[
Padding(
padding: const EdgeInsets.symmetric(vertical: 10.0),
),
Row(
children: <Widget>[
Expanded(
flex: 2, // we define the width of the button
child: Container(
// height: 50, we define the height of the button
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 10.0),
child: RaisedButton(
materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
textColor: Colors.white,
color: Colors.blue,
onPressed: () {
// Method to execute
},
child: Text('Copy'),
),
),
),
),
Expanded(
flex: 2, // we define the width of the button
child: Container(
// height: 50, we define the height of the button
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 10.0),
child: RaisedButton(
materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
textColor: Colors.white,
color: Colors.green,
onPressed: () {
// Method to execute
},
child: Text('Paste'),
),
),
),
),
],
),
],
),
),
要设置任何按钮的高度和宽度，只需用sizebox包装它。你可以轻松地设置任何按钮的高度和宽度的包装与sizebox。 如果你想给两个小部件之间的空间，那么你可以使用大小框，在大小框内，你可以使用高度。
这是因为颤振与大小无关。这是关于约束的。
通常我们有两个用例:
小部件的子部件定义约束。父大小本身就是基于该信息的。填充，它接受子约束并增加它。 父节点对子节点强制执行约束。例如:sizebox，但也在拉伸模式列，…
RaisedButton是第一个例子。这意味着按钮定义了它自己的高度/宽度。并且，根据材质规则，凸起的纽扣尺寸是固定的。
您不想要这种行为，因此可以使用第二种类型的小部件来覆盖按钮约束。
无论如何，如果你非常需要这个功能，可以考虑创建一个新的小部件来完成这项工作。或者使用MaterialButton，它拥有一个height属性。
只需使用FractionallySizedBox，其中widthFactor和highightfactor定义应用/父大小的百分比。
FractionallySizedBox(
widthFactor: 0.8, //means 80% of app width
child: RaisedButton(
onPressed: () {},
child: Text(
"Your Text",
style: TextStyle(color: Colors.white),
),
color: Colors.red,
)),
如果你在Column()中有一个按钮，并希望该按钮具有最大宽度，设置:
crossAxisAlignment: CrossAxisAlignment.stretch
在Column小部件中。现在这个Column()下的所有内容都将具有最大可用宽度
