我发现无法在扑动中设置提升按钮的宽度。如果我已经很好地理解了，我应该把提升按钮放入大小框中。然后，我将能够设置框的宽度或高度。正确吗?还有别的办法吗?
在每个按钮周围创建一个大小框有点乏味，所以我想知道为什么他们选择这样做。我很确定他们这么做有一个很好的理由，但我不这么认为。 对于初学者来说，脚手架很难阅读和构建。
new SizedBox(
width: 200.0,
height: 100.0,
child: ElevatedButton(
child: Text('Blabla blablablablablablabla bla bla bla'),
onPressed: _onButtonPressed,
),
),
当前回答
这段代码将帮助你更好地解决你的问题，因为我们不能直接为RaisedButton指定宽度，我们可以为它的子按钮指定宽度
double width = MediaQuery.of(context).size.width;
var maxWidthChild = SizedBox(
width: width,
child: Text(
StringConfig.acceptButton,
textAlign: TextAlign.center,
));
RaisedButton(
child: maxWidthChild,
onPressed: (){},
color: Colors.white,
);
其他回答
这是因为颤振与大小无关。这是关于约束的。
通常我们有两个用例:
小部件的子部件定义约束。父大小本身就是基于该信息的。填充，它接受子约束并增加它。 父节点对子节点强制执行约束。例如:sizebox，但也在拉伸模式列，…
RaisedButton是第一个例子。这意味着按钮定义了它自己的高度/宽度。并且，根据材质规则，凸起的纽扣尺寸是固定的。
您不想要这种行为，因此可以使用第二种类型的小部件来覆盖按钮约束。
无论如何，如果你非常需要这个功能，可以考虑创建一个新的小部件来完成这项工作。或者使用MaterialButton，它拥有一个height属性。
您需要使用扩展小部件。但是，如果按钮位于列上，则Expanded Widget将填充列的其余部分。因此，您需要将Expanded Widget包含在一行中。
Row(children: <Widget>[
Expanded(
flex: 1,
child: RaisedButton(
child: Text("Your Text"),
onPressed: _submitForm,
),
),),])
如果你想全局改变所有RaisedButtons的高度和minWidth，那么你可以在MaterialApp中覆盖ThemeData:
@override
Widget build(BuildContext context) {
return MaterialApp(
...
theme: ThemeData(
...
buttonTheme: ButtonThemeData(
height: 46,
minWidth: 100,
),
));
}
match_parent(全宽度):
SizedBox(
width: double.infinity, // <-- match_parent
height: double.infinity, // <-- match-parent
child: ElevatedButton(...)
)
or
SizedBox.expand(
child: ElevatedButton(...)
)
具体的宽度:
SizedBox(
width: 100, // <-- Your width
height: 50, // <-- Your height
child: ElevatedButton(...)
)
已批准的答案现在已弃用，请参阅文档。
要更新从主题到所有按钮的代码大小，您可以这样做:
ThemeData(
elevatedButtonTheme: ElevatedButtonThemeData(
style: ButtonStyle(
fixedSize:MaterialStateProperty.all<Size?>(Size(200.0, 75.0)),
textStyle:MaterialStateProperty.all<TextStyle?>(TextStyle(fontSize:30))),
),
)
