girdview_widget.dart

import 'package:flutter/material.dart';

class GridViewWidget extends StatelessWidget {
  final List<String> _items = List.generate(30, (index) => 'Item ${index + 1}');

  @override
  Widget build(BuildContext context) {
    var orientation = MediaQuery.of(context).orientation;

    return Scaffold(
      appBar: AppBar(
        title: const Text('GridView Widget'),
      ),
      body: GridView.builder(
        gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
          crossAxisCount: orientation == Orientation.portrait ? 2 : 3,
          mainAxisSpacing: 10,
          crossAxisSpacing: 6,
          childAspectRatio: 1 / 2,
        ),
        itemCount: _items.length,
        itemBuilder: _buildItem,
      ),
    );
  }

  Widget _buildItem(context, index) => Card(
        margin: const EdgeInsets.all(8),
        elevation: 8,
        child: GridTile(
          header: GridTileBar(
            backgroundColor: Colors.black26,
            title: const Text('header'),
            subtitle: Text('Item ${_items[index].split(' ')[1]}'),
          ),
          footer: GridTileBar(
            backgroundColor: Colors.black38,
            title: const Text('footer'),
            subtitle: Text('Item ${_items[index].split(' ')[1]}'),
          ),
          child: Center(
            child: Text(
              _items[index],
              style: const TextStyle(fontSize: 16),
            ),
          ),
        ),
      );
}