Hi i want to create a GridView.builder with crossAxisCount: 2 and scrollDirection: Axis.horizontal and each set of GridView needed an header please check the image
You can build using gridView.builder and Row widget in following way.
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("Demo"),
),
body: Container(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text("Top"),
Expanded(
child: Row(
children: [
Expanded(
child: GridView.builder(
scrollDirection: Axis.horizontal,
itemCount: 10,
gridDelegate: new SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 2),
itemBuilder: (BuildContext context, int index) {
return Text(index.toString());
},
),
)
],
),
),
Text("Trending"),
Expanded(
child: Row(
children: [
Expanded(
child: GridView.builder(
scrollDirection: Axis.horizontal,
itemCount: 10,
gridDelegate: new SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 2),
itemBuilder: (BuildContext context, int index) {
return Text(index.toString());
},
),
)
],
),
),
],
)),
);
}