目前,我正在使用以下代码:
body: new Container(
child: new Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: <Widget>[
new MaterialButton(
height: 120.0,
child: new Column(
children: <Widget>[
new Icon(
Icons.av_timer,
size: 100.0,
),
new Text('TIMER'),
],
),
onPressed: null,
),
new MaterialButton(
height: 120.0,
child: new Column(
children: <Widget>[
new Icon(Icons.alarm_add, size: 100.0),
new Text('ALARM'),
],
),
onPressed: null,
)
])));
然而,我已经不得不“硬编码”图标大小为100.0和MaterialButton的高度为120.0。
我希望MaterialButton尽可能占据空间(每个屏幕的50%),并且我希望图标能够在该空间内“适当地适应”,最好还能随着文本一起缩放。
目前我还没有在Flutter中找到实现这一点的方法。如果尝试做这件事不是一个好主意(我希望它在任何设备上都可以使用整个屏幕空间),请告诉我原因?