Package detailsv0.0.9

equal_space

A Flutter package for creating evenly spaced rows and columns.

AndroidiOSWebmacOSWindowsLinux

pub.dev API documentation Source code

30-day downloads: 41
Likes: 11
Pub points: 150

Install package

flutter pub add equal_space

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

Equal_Space is a Flutter package designed to simplify the creation of evenly spaced rows and columns. It ensures consistent spacing between children in a layout without requiring complex calculations or custom widgets. Ideal for UIs needing uniform alignment, it supports all major platforms including Android, iOS, Web, macOS, Windows, and Linux. The package integrates seamlessly with existing Flutter projects via a simple pub add command. It enhances layout consistency and reduces boilerplate code when arranging elements with equal gaps.

Use cases

Creating uniform grid layouts
Designing responsive forms
Building consistent card arrangements
Aligning icons or buttons evenly
Implementing symmetrical UI components

Key features

Automatic even spacing
Supports both rows and columns
Cross-platform compatibility
Minimal setup required
No additional dependencies

Suitable for

UI developers seeking layout simplicity
Projects requiring consistent spacing
Beginners learning Flutter layout
Apps with repetitive visual patterns
Responsive design implementations

Considerations

Limited customization beyond spacing
Not ideal for complex dynamic layouts
May require additional constraints in nested structures
Does not support variable spacing per child
Best suited for static or predictable layouts

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

Equal Space

About

Equal Space is a Flutter package that allows you stop using SizedBox for spacing between widgets. it simplifies the process of creating evenly spaced rows and columns in your Flutter applications. This package provides custom widgets, SpacedRow and SpacedColumn, which make it easy to manage spacing and alignment of child widgets.

Features

Customizable Spacing: Easily adjust the space between child widgets.
Flexible Alignment: Support for main axis and cross axis alignment.
Simplified Code: Reduces boilerplate code for spacing in rows and columns.

SpacedColumn Example

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return SpacedColumn(
      space: 26.0,
      mainAxisAlignment: MainAxisAlignment.center,
      mainAxisSize: MainAxisSize.min,
      crossAxisAlignment: CrossAxisAlignment.end,
      textDirection: TextDirection.rtl,
      verticalDirection: VerticalDirection.down,
      textBaseline: TextBaseline.alphabetic,
      children: [
        Container(width: 50, height: 50, color: Colors.red),
        Container(width: 50, height: 50, color: Colors.green),
        Container(width: 50, height: 50, color: Colors.blue),
      ],
    );
  }
}

SpacedRow Example

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return SpacedRow(
       space: 26.0,
       mainAxisAlignment: MainAxisAlignment.center,
       mainAxisSize: MainAxisSize.min,
       crossAxisAlignment: CrossAxisAlignment.end,
       textDirection: TextDirection.rtl,
       verticalDirection: VerticalDirection.down,
       textBaseline: TextBaseline.alphabetic,
       children: [
         Container(width: 50, height: 50, color: Colors.red),
         Container(width: 50, height: 50, color: Colors.green),
         Container(width: 50, height: 50, color: Colors.blue),
       ],
    );
  }
}

Installation

flutter pub add equal_space
import 'package:equal_space/equal_space.dart';

Explanation

Overview: Stop using SizedBox for adding up space in your widgets.
Features: You can user mainAxis * crossAxisAligments with one more propery space.
Benigit: Examples SpacedRow and SpacedColumn widgets shows how effective this package is.
Example: Instructions to run the example app.
Contributions: Feel free to fork the repo.
License: MIT License.
Connect with Us: Click below to visit my YouTube channel & Github.