flutgrid 0.0.1

A Flutter package for building responsive grid layouts with ease.

A Flutter package for building responsive grid layouts with ease. Works seamlessly on mobile, web, and desktop.

Features

• 📱 Responsive grid system
• 🎨 Easy customization
• ⚡ Lightweight & flexible
• 🌍 Works on mobile, web, and desktop

Getting started

TODO: List prerequisites and provide or point to information on how to start using the package.

Usage

## 🔧 Usage Example
import 'package:flutter/material.dart';
import 'package:flutgrid/flutgrid.dart';

class MyPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: FlutGrid(
          spacing: 10.0,    // Horizontal space between grid items
          runSpacing: 10.0, // Vertical space between rows of grid items
          children: [
            FlutGridItem(
              xs: 12,
              sm: 6,
              md: 4,
              lg: 4,
              xl: 4,
              child: Container(
                height: 150,
                color: Colors.red.shade200,
                alignment: Alignment.center,
                child: Column(
                  crossAxisAlignment: CrossAxisAlignment.center,
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    Text(
                      'Item 1',
                      textAlign: TextAlign.center,
                      style: TextStyle(fontWeight: FontWeight.bold),
                    ),
                    Text(
                      '(xs-12)(sm-6)(md-4)(lg-4)(xl-4)',
                      textAlign: TextAlign.center,
                    ),
                  ],
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}

Additional information

Add this line to your pubspec.yaml:

dependencies:
  flugrid: ^0.0.1