我发现无法在扑动中设置提升按钮的宽度。如果我已经很好地理解了，我应该把提升按钮放入大小框中。然后，我将能够设置框的宽度或高度。正确吗?还有别的办法吗?
在每个按钮周围创建一个大小框有点乏味，所以我想知道为什么他们选择这样做。我很确定他们这么做有一个很好的理由，但我不这么认为。 对于初学者来说，脚手架很难阅读和构建。
new SizedBox(
width: 200.0,
height: 100.0,
child: ElevatedButton(
child: Text('Blabla blablablablablablabla bla bla bla'),
onPressed: _onButtonPressed,
),
),
当前回答
match_parent(全宽度):
SizedBox(
width: double.infinity, // <-- match_parent
height: double.infinity, // <-- match-parent
child: ElevatedButton(...)
)
or
SizedBox.expand(
child: ElevatedButton(...)
)
具体的宽度:
SizedBox(
width: 100, // <-- Your width
height: 50, // <-- Your height
child: ElevatedButton(...)
)
其他回答
只需使用FractionallySizedBox，其中widthFactor和highightfactor定义应用/父大小的百分比。
FractionallySizedBox(
widthFactor: 0.8, //means 80% of app width
child: RaisedButton(
onPressed: () {},
child: Text(
"Your Text",
style: TextStyle(color: Colors.white),
),
color: Colors.red,
)),
如文档中所述
凸起的按钮的最小尺寸为88.0 * 36.0 用ButtonTheme覆盖。
你可以这样做
ButtonTheme(
minWidth: 200.0,
height: 100.0,
child: RaisedButton(
onPressed: () {},
child: Text("test"),
),
);
如果你不想删除所有的按钮主题设置。
ButtonTheme.fromButtonThemeData(
data: Theme.of(context).buttonTheme.copyWith(
minWidth: 200.0,
height: 100.0,,
)
child: RaisedButton(
onPressed: () {},
child: Text("test"),
),
);
如果你在Column()中有一个按钮，并希望该按钮具有最大宽度，设置:
crossAxisAlignment: CrossAxisAlignment.stretch
在Column小部件中。现在这个Column()下的所有内容都将具有最大可用宽度
您不需要使用其他小部件来设置大小。你可以为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),),
),
