If you want to vertical scrolling a screen with a ListView horizontal and GridView. You can use Slivers , try this example I made:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 |
@override Widget build(BuildContext context) { return Scaffold( appBar: new AppBar(), body: CustomScrollView( slivers: [ SliverToBoxAdapter( child: SizedBox( height: 100, child: ListView.builder( itemExtent: 150, scrollDirection: Axis.horizontal, itemBuilder: (context, index) => Container( margin: EdgeInsets.all(5.0), color: Colors.orangeAccent, ), itemCount: 20), ), ), SliverGrid( gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( crossAxisCount: 2, childAspectRatio: 1.5, ), delegate: SliverChildBuilderDelegate( (context, index) => Container( margin: EdgeInsets.all(5.0), color: Colors.yellow, ), ), ) ], )); } |
If you like this question & answer and want to contribute, then write your question & answer and email to freewebmentor[@]gmail.com. Your question and answer will appear on FreeWebMentor.com and help other developers.