我发现无法在扑动中设置提升按钮的宽度。如果我已经很好地理解了，我应该把提升按钮放入大小框中。然后，我将能够设置框的宽度或高度。正确吗?还有别的办法吗?
在每个按钮周围创建一个大小框有点乏味，所以我想知道为什么他们选择这样做。我很确定他们这么做有一个很好的理由，但我不这么认为。 对于初学者来说，脚手架很难阅读和构建。
new SizedBox(
width: 200.0,
height: 100.0,
child: ElevatedButton(
child: Text('Blabla blablablablablablabla bla bla bla'),
onPressed: _onButtonPressed,
),
),
当前回答
已批准的答案现在已弃用，请参阅文档。
要更新从主题到所有按钮的代码大小，您可以这样做:
ThemeData(
elevatedButtonTheme: ElevatedButtonThemeData(
style: ButtonStyle(
fixedSize:MaterialStateProperty.all<Size?>(Size(200.0, 75.0)),
textStyle:MaterialStateProperty.all<TextStyle?>(TextStyle(fontSize:30))),
),
)
其他回答
已批准的答案现在已弃用，请参阅文档。
要更新从主题到所有按钮的代码大小，您可以这样做:
ThemeData(
elevatedButtonTheme: ElevatedButtonThemeData(
style: ButtonStyle(
fixedSize:MaterialStateProperty.all<Size?>(Size(200.0, 75.0)),
textStyle:MaterialStateProperty.all<TextStyle?>(TextStyle(fontSize:30))),
),
)
如果按钮被放置在Flex小部件中(包括行和列)，您可以使用扩展小部件来填充可用空间。
如文档中所述
凸起的按钮的最小尺寸为88.0 * 36.0 用ButtonTheme覆盖。
你可以这样做
ButtonTheme(
minWidth: 200.0,
height: 100.0,
child: RaisedButton(
onPressed: () {},
child: Text("test"),
),
);
全宽按钮的简短而甜蜜的解决方案:
Row(
children: [
Expanded(
child: ElevatedButton(...),
),
],
)
新按钮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: () {},
),
),
));
}
