Flutter 如何使小部件与父部件匹配,但也具有最大宽度?
我尝试在一列中制作两个按钮,居中并匹配父按钮。 但我也希望在横向模式/平板电脑的情况下,这个按钮有一个最大宽度Flutter 如何使小部件与父部件匹配,但也具有最大宽度?,flutter,flutter-layout,Flutter,Flutter Layout,我尝试在一列中制作两个按钮,居中并匹配父按钮。 但我也希望在横向模式/平板电脑的情况下,这个按钮有一个最大宽度 return Scaffold( body: SafeArea( child: Center( child: Column( crossAxisAlignment: CrossAxisAlignment.stretch, children: <Widget>[ RaisedButton(
return Scaffold(
body: SafeArea(
child: Center(
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: <Widget>[
RaisedButton(
elevation: 4.0,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(20.0),
),
child: Text("A"),
onPressed: () {},
),
SizedBox(height: 12.0),
RaisedButton(
child: Text("b"),
onPressed: () {},
),
],
),
),
),
);
返回脚手架(
正文:安全区(
儿童:中心(
子:列(
crossAxisAlignment:crossAxisAlignment.stretch,
儿童:[
升起的按钮(
标高:4.0,
形状:圆形矩形边框(
边界半径:边界半径。圆形(20.0),
),
子项:文本(“A”),
按下:(){},
),
尺寸箱(高度:12.0),
升起的按钮(
儿童:文本(“b”),
按下:(){},
),
],
),
),
),
);
现在按钮占据了整个屏幕。但是我找不到用于设置大小约束的小部件或属性您可以将
列
包装到一个带有maxWidth的约束框
,然后您可以使用对齐
/中心
Align(
alignment: Alignment.centerRight,
child: ConstrainedBox(
constraints: BoxConstraints(maxWidth: 300.0),
child: Column(
...
),
),
)