我是从Flutter开始的,我遇到了一个我无法构建的布局,在一个可视化示例下面：
我已经尝试过类似的东西：
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new MaterialApp(
title: 'Welcome to Flutter',home: new Scaffold(
appBar: new AppBar(
title: new Text('App'),),body: new Column(
children: <Widget>[
new Text('LISTA',style: new TextStyle(
fontSize: 15.2,fontWeight: FontWeight.bold,)
),new Container(
height: 200.0,child: new ListView(
children: <Widget>[
new RaisedButton(
onPressed: null,child: new Text("text button"),new Padding(padding: new EdgeInsets.all(5.00)),new RaisedButton(
onPressed: null,child: new Text("text button 2"),)
],)
]
)
),);
}
}
但是对于Container来说它需要一个高度,我需要它来占据屏幕的其余部分.
解决方法
new Column(
children: <Widget>[
new Text('LISTA',style: new TextStyle(
fontSize: 15.2,)),new Expanded(
child: new Container(
decoration: new BoxDecoration(color: Colors.blue),height: 200.0,child: new ListView(
children: <Widget>[
new RaisedButton(
onPressed: null,new RaisedButton(
onPressed: null,)
],)
)
]
)
