pass image url to OwnCard class and display it:
List urls = ['', '', ''];
GridView.builder(
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 3,
childAspectRatio: 1.0,
),
itemCount: 12,
itemBuilder: (context, index) {
return OwnCard(urls: urls);
},
);
class OwnCard extends StatelessWidget {
final List urls;
const OwnCard({
Key? key,
required this.urls,
}) : super(key: key);
@override
Widget build(BuildContext context) {
return Card(
child: Column(
children: [
AspectRatio(
aspectRatio: 18 / 11,
child: Image.network(urls[0]),
),
Padding(
padding: EdgeInsets.fromLTRB(16, 12, 16, 8),
child: Column(
children: [
Text('Title'),
SizedBox(
height: 12,
),
Text('Secondary Text'),
Image.network(urls[1]),
Image.network(urls[2]),
],
),
)
],
),
);