Flutter gridview changes the ratio of it's container based on the screen sizes. So, in small screen your gridview may look fine but in bigger screen it may look bad or vice versa. This package lets you use a fixed height for your gridview.

Installation

  1. Add the latest version of package to your pubspec.yaml (and runflutter pub get):

dependencies:

flutterzilla_fixed_grid: ^0.0.3
  1. Import the package and use it in your Flutter App.

import  'package:flutterzilla_fixed_grid/flutterzilla_fixed_grid.dart';

Example

There are a number of properties that you can modify:

  • height

  • crossAxisCount

  • mainAxisSpacing

  • crossAxisSpacing


    GridView.builder(
      gridDelegate: const FlutterzillaFixedGridView(
          crossAxisCount: 2,
          mainAxisSpacing: 20,
          crossAxisSpacing: 20,
          height: 143),

      padding: const EdgeInsets.only(top: 30),

      itemCount: 6,

      shrinkWrap: true,

      clipBehavior: Clip.none,

      // childAspectRatio: 7 / 6,

      physics: const NeverScrollableScrollPhysics(),

      itemBuilder: (context, index) {
        return Container(
          padding: const EdgeInsets.symmetric(horizontal: 25, vertical: 25),
          color: Colors.purple,
          child: const Text(
            "Your contents here",
            style: TextStyle(color: Colors.white),
          ),
        );
      },
    ),

Libraries

flutterzilla_fixed_grid