Question

您知道如何使所有移动页面都可滚动显示吗？因为如果我们显示一些小部件，如果它大于移动屏幕的高度，则会产生错误

Answer 1

这将完美地工作。看看。

ListView(
     children: <Widget>[
        // first widget here
        Container(
          height: 200,
          width: MediaQuery.of(context).size.width,
          color: Colors.blue,
        ),
        // third widget here
        Container(
          height: 200,
          width: MediaQuery.of(context).size.width,
          color: Colors.black,
        ),
        // second widget here
        Container(
          height: 200,
          width: MediaQuery.of(context).size.width,
          color: Colors.red,
        ),
      ],
    ),

Answer 2

您可以使用ListView

Widget view(){
    return ListView(
        children: <Widget[
             Text("your widgets here"), 
             SizedBox(height: 20), // you can use these for spacing
        ]
    )
}

或SingleChildScrollView

Widget view(){
    return SingleChildScrollView(
        children: <Widget[
             Text("your widgets here"), 
             SizedBox(height: 20), // you can use these for spacing
        ]
    )
}

如何使所有移动页面在滚动中滚动？

2 个答案: