flutter - 使用 SingleChildScrollView 进行滚动布局，实现和 Warp 和LiestView 组合的效果

该部件 不能嵌套其它的滚动部件 - ListView，GridView 等

class MyHomePage extends StatelessWidget { @override Widget build(BuildContext context) { // 获取设备的宽度 var width = MediaQuery.of(context).size.width; return Scaffold( appBar: AppBar( title: Text("首页"), ), backgroundColor: Color(0xFFcccccc), body: SingleChildScrollView( child: Column( children: [ Container( height: 200, color: Colors.black12, child: Center(child: Text("顶部")), ), Container( height: 300, margin: EdgeInsets.only(top: 20), width: double.infinity, child: Wrap( children: _createGridViewItem(width), ), ) ], ), ), ); } _createGridViewItem(width) { List<Widget> list = []; for (var i = 0; i < 18; i++) { list.add(Container( width: width / 4, height: 50, color: Colors.primaries[i], )); } return list; } }