我发现无法在扑动中设置提升按钮的宽度。如果我已经很好地理解了，我应该把提升按钮放入大小框中。然后，我将能够设置框的宽度或高度。正确吗?还有别的办法吗?
在每个按钮周围创建一个大小框有点乏味，所以我想知道为什么他们选择这样做。我很确定他们这么做有一个很好的理由，但我不这么认为。 对于初学者来说，脚手架很难阅读和构建。
new SizedBox(
width: 200.0,
height: 100.0,
child: ElevatedButton(
child: Text('Blabla blablablablablablabla bla bla bla'),
onPressed: _onButtonPressed,
),
),
当前回答
如文档中所述
凸起的按钮的最小尺寸为88.0 * 36.0 用ButtonTheme覆盖。
你可以这样做
ButtonTheme(
minWidth: 200.0,
height: 100.0,
child: RaisedButton(
onPressed: () {},
child: Text("test"),
),
);
其他回答
我们也可以使用ElevatedButton Widget，它有fixedSize属性。最新Flutter版本
ElevatedButton(
onPressed: () {},
style: ElevatedButton.styleFrom(
fixedSize: Size(120, 34), // specify width, height
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(
20,
))),
child: Text("Search"),
)
预览
在我的例子中，我使用margin来改变大小:
Container(
margin: EdgeInsets.all(10),
// or margin: EdgeInsets.only(left:10, right:10),
child: RaisedButton(
padding: EdgeInsets.all(10),
shape: RoundedRectangleBorder(borderRadius:
BorderRadius.circular(20)),
onPressed: () {},
child: Text("Button"),
),
),
使用媒体查询明智地使用宽度为您的解决方案，这将运行相同的小屏幕和大屏幕
Container(
width: MediaQuery.of(context).size.width * 0.5, // Will take 50% of screen space
child: RaisedButton(
child: Text('Go to screen two'),
onPressed: () => null
),
)
您也可以将类似的解决方案应用于SizeBox。
使用带有宽度和高度参数的SizeBox
SizedBox ( 宽度:double.infinity, 高度:55.0, 孩子:ElevatedButton ( … )， ）;
已批准的答案现在已弃用，请参阅文档。
要更新从主题到所有按钮的代码大小，您可以这样做:
ThemeData(
elevatedButtonTheme: ElevatedButtonThemeData(
style: ButtonStyle(
fixedSize:MaterialStateProperty.all<Size?>(Size(200.0, 75.0)),
textStyle:MaterialStateProperty.all<TextStyle?>(TextStyle(fontSize:30))),
),
)
