RanaSharjeelShji/equal_space

Equal Space

Learn More

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.

Learn More

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';

Learn More

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.

Learn More Learn More