我发现无法在扑动中设置提升按钮的宽度。如果我已经很好地理解了，我应该把提升按钮放入大小框中。然后，我将能够设置框的宽度或高度。正确吗?还有别的办法吗?
在每个按钮周围创建一个大小框有点乏味，所以我想知道为什么他们选择这样做。我很确定他们这么做有一个很好的理由，但我不这么认为。 对于初学者来说，脚手架很难阅读和构建。
new SizedBox(
width: 200.0,
height: 100.0,
child: ElevatedButton(
child: Text('Blabla blablablablablablabla bla bla bla'),
onPressed: _onButtonPressed,
),
),
当前回答
我们也可以使用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"),
)
预览
其他回答
我建议使用MaterialButton，你可以这样做:
MaterialButton(
height: 40.0,
minWidth: 70.0,
color: Theme.of(context).primaryColor,
textColor: Colors.white,
child: new Text("push"),
onPressed: () => {},
splashColor: Colors.redAccent,
)
这是因为颤振与大小无关。这是关于约束的。
通常我们有两个用例:
小部件的子部件定义约束。父大小本身就是基于该信息的。填充，它接受子约束并增加它。 父节点对子节点强制执行约束。例如:sizebox，但也在拉伸模式列，…
RaisedButton是第一个例子。这意味着按钮定义了它自己的高度/宽度。并且，根据材质规则，凸起的纽扣尺寸是固定的。
您不想要这种行为，因此可以使用第二种类型的小部件来覆盖按钮约束。
无论如何，如果你非常需要这个功能，可以考虑创建一个新的小部件来完成这项工作。或者使用MaterialButton，它拥有一个height属性。
您不需要使用其他小部件来设置大小。你可以为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(
width: double.infinity,
child: RaisedButton(
onPressed: () {},
color: Colors.deepPurpleAccent[100],
child: Text(
"Continue",
style: TextStyle(color: Colors.white),
),
),
)
如果按钮被放置在Flex小部件中(包括行和列)，您可以使用扩展小部件来填充可用空间。
