在以下布局中,我希望按钮能够在屏幕上尽可能地扩展到最大宽度,但不超过最大宽度。我已经尝试了以下方式,但并没有成功(按钮始终尽可能宽):
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: SafeArea(
child: Center(
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
TextFormField(),
TextFormField(),
ConstrainedBox(
constraints: BoxConstraints(maxWidth: 200),
child: RaisedButton(child: Text("button"), onPressed: () {}),
),
],
),
),
),
),
);
}
}
关于我需要的布局,我希望按钮的宽度与以下两个数量中较小的一个相同:1)屏幕的宽度,2)给定的最大固定宽度。
示例场景:
A)屏幕宽度为1000像素,给定的最大固定宽度为600像素,则按钮的宽度将为600像素。
B)屏幕宽度为400像素,给定的最大固定宽度为600像素,则按钮的宽度将为400像素。
maxWidth
设置为一个大值)。 - Matt RmaxWidth
设置为任何值(甚至是double.maxFinite
),按钮将会延伸到这个值(或屏幕宽度)。 - Kirill Bubochkindouble.maxFinite
,按钮也不会拉伸。 - Matt R