我发现无法在扑动中设置提升按钮的宽度。如果我已经很好地理解了，我应该把提升按钮放入大小框中。然后，我将能够设置框的宽度或高度。正确吗?还有别的办法吗?
在每个按钮周围创建一个大小框有点乏味，所以我想知道为什么他们选择这样做。我很确定他们这么做有一个很好的理由，但我不这么认为。 对于初学者来说，脚手架很难阅读和构建。
new SizedBox(
width: 200.0,
height: 100.0,
child: ElevatedButton(
child: Text('Blabla blablablablablablabla bla bla bla'),
onPressed: _onButtonPressed,
),
),
当前回答
新按钮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: () {},
),
),
));
}
其他回答
如文档中所述
凸起的按钮的最小尺寸为88.0 * 36.0 用ButtonTheme覆盖。
你可以这样做
ButtonTheme(
minWidth: 200.0,
height: 100.0,
child: RaisedButton(
onPressed: () {},
child: Text("test"),
),
);
在Flutter 2.0中，RaisedButton已弃用，并被ElevatedButton取代。
考虑到这一点，为ElevatedButton提供自定义大小的更清晰的方法是ElevatedButton小部件的minimumSize属性。
输出
完整代码
ElevatedButton(
style: ElevatedButton.styleFrom(
primary: Colors.green,
onPrimary: Colors.white,
shadowColor: Colors.greenAccent,
elevation: 3,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(32.0)),
minimumSize: Size(100, 40), //////// HERE
),
onPressed: () {},
child: Text('Hey bro'),
)
注意:也要记住，同样的方法可以用在新的小部件，如TextButton和OutlinedButton使用TextButton。styleFrom(minimumSize: Size(100,40))和outline button。styleFrom(minimumSize: Size(100,40))分别。
这是因为颤振与大小无关。这是关于约束的。
通常我们有两个用例:
小部件的子部件定义约束。父大小本身就是基于该信息的。填充，它接受子约束并增加它。 父节点对子节点强制执行约束。例如:sizebox，但也在拉伸模式列，…
RaisedButton是第一个例子。这意味着按钮定义了它自己的高度/宽度。并且，根据材质规则，凸起的纽扣尺寸是固定的。
您不想要这种行为，因此可以使用第二种类型的小部件来覆盖按钮约束。
无论如何，如果你非常需要这个功能，可以考虑创建一个新的小部件来完成这项工作。或者使用MaterialButton，它拥有一个height属性。
我喜欢的方法来提高按钮与匹配父是包装它与容器。 下面是示例代码。
Container(
width: double.infinity,
child: RaisedButton(
onPressed: () {},
color: Colors.deepPurpleAccent[100],
child: Text(
"Continue",
style: TextStyle(color: Colors.white),
),
),
)
你可以像他们在评论中说的那样做，或者你可以省下力气，使用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,),
),
)
)
