flutterzilla_fixed_grid 0.0.1 copy "flutterzilla_fixed_grid: ^0.0.1" to clipboard
flutterzilla_fixed_grid: ^0.0.1 copied to clipboard

outdated

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 yo [...]

FlutterZilla Fixed Sized Grid #

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.1
  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),
                    ),
                  );
                },
              )
7
likes
0
pub points
85%
popularity

Publisher

unverified uploader

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.

Repository (GitHub)
View/report issues

License

unknown (license)

Dependencies

flutter

More

Packages that depend on flutterzilla_fixed_grid