mobile – Flutter – 位于另一个小部件下方的列表视图

我是从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,)
                    ],)
        )
    ]
)