我发现无法在扑动中设置提升按钮的宽度。如果我已经很好地理解了，我应该把提升按钮放入大小框中。然后，我将能够设置框的宽度或高度。正确吗?还有别的办法吗?
在每个按钮周围创建一个大小框有点乏味，所以我想知道为什么他们选择这样做。我很确定他们这么做有一个很好的理由，但我不这么认为。 对于初学者来说，脚手架很难阅读和构建。
new SizedBox(
width: 200.0,
height: 100.0,
child: ElevatedButton(
child: Text('Blabla blablablablablablabla bla bla bla'),
onPressed: _onButtonPressed,
),
),
当前回答
用Column PLUS包装你的ElevatedButton，为按钮添加样式的填充:
Column(
children: [
ElevatedButton(
style: TextButton.styleFrom(
backgroundColor: Colors.green,
padding: const EdgeInsets.symmetric(
horizontal: 20 * 1.5, vertical: 20),
),
onPressed: () {},
child: const Text('text')),],),
其他回答
在我的例子中(按钮是一个水平ListView的子)，我必须用填充小部件包装按钮，并设置右/左填充。
Padding(
padding: const EdgeInsets.only(right: 50, left: 50),
child: ElevatedButton(onPressed: () {}, child: Text("LOGOUT")),
)
使用媒体查询明智地使用宽度为您的解决方案，这将运行相同的小屏幕和大屏幕
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。
您不需要使用其他小部件来设置大小。你可以为ElevatedButton使用minimumSize
ElevatedButton(
style: ElevatedButton.styleFrom(
minimumSize: const Size(200, 50),
elevation: 0,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(50), // <-- Radius
),
),
onPressed: (){},
child: const Text("Text", style: TextStyle(fontSize: 20, fontWeight: FontWeight.w500),),
),
试试Container，我想我们会有更多的控制。
ElevatedButton(
style: ElevatedButton.styleFrom(textStyle: const TextStyle(fontSize: 20)),
onPressed: () {
buttonClick();
},
child: Container(
height: 70,
width: 200,
alignment: Alignment.center,
child: Text("This is test button"),
),
),
你可以像他们在评论中说的那样做，或者你可以省下力气，使用RawMaterialButton。什么都有，你可以把边界变成圆形 还有很多其他属性。Ex形状(增加半径使形状更圆)
shape: new RoundedRectangleBorder(borderRadius: BorderRadius.circular(25)),//ex add 1000 instead of 25
你可以使用你想要的任何形状作为按钮，通过使用手势检测器，它是一个小部件，在子属性下接受另一个小部件。 就像在另一个例子中
GestureDetector(
onTap: () {//handle the press action here }
child:Container(
height: 80,
width: 80,
child:new Card(
color: Colors.blue,
shape: new RoundedRectangleBorder(borderRadius: BorderRadius.circular(25)),
elevation: 0.0,
child: Icon(Icons.add,color: Colors.white,),
),
)
)
