In this example, I will share how to add Sliver Layout horizontal scroll inside Sliver List in Flutter. Use a ListView inside of a SliverToBoxAdapter.
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 35 36 37 38 39 40 41 42 43 44 45 46 47 | @override Widget build(BuildContext context) { return Scaffold( body: CustomScrollView( slivers: <Widget>[ SliverPadding( padding: EdgeInsets.all(16.0), sliver: SliverList( delegate: SliverChildListDelegate( [ Card( child: Text('data'), ), Card( child: Text('data'), ), Card( child: Text('data'), ), Card( child: Text('data'), ), ], ), ), ), SliverToBoxAdapter( child: Container( height: 100.0, child: ListView.builder( scrollDirection: Axis.horizontal, itemCount: 10, itemBuilder: (context, index) { return Container( width: 100.0, child: Card( child: Text('data'), ), ); }, ), ), ), ], ), ); } |
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.
