A flutter plugin for improved row and column widgets with added spacing and optional interleaved dividers

flutter_series

A flutter plugin for improved row and column widgets with added spacing and optional interleaved dividers.

Features

A set of widgets that help to make your code cleaner.

Widgets Description
PadColumn A Column with optional padding, spacing and dividers.
PadRow A Row with optional padding, spacing and dividers.
SizedWidth A less frustrating version of SizedBox.
SizedHeight A less frustrating version of SizedBox.
HDivider A simplified Divider widget.
VDivider A simplified VerticalDivider widget.
Functions Description
navPush A simple way to push a new page with CupertinoPageRoute styling.

Widgets

PadColumn & PadRow Series’

Simply a Column or Row widget with more control.

A basic PadColumn/PadRow works exactly the same as a normal Column/Row.

PadColumn(
    children: const [
        Text("flutter_series is"),
        Text("the best flutter package"),
        Text("to date"),
    ],
),

However, add a few arguments and you’re away!

PadColumn(
    padding: const EdgeInsets.all(20) + MediaQuery.of(context).padding,
    interleaving: Interleaving.fullDivided,
    crossAxisAlignment: CrossAxisAlignment.stretch,
    mainAxisAlignment: MainAxisAlignment.start,
    spacing: 20,
    children: const [
        Text("flutter_series is"),
        Text("the best flutter package"),
        Text("to date"),
    ],
),

The variable interleaving can be assigned to hve different effects.

Interleaving Mode Description
none No spacing is applied, just like a standard series.
inBetween Spacing appears in between children, but not outside of them.
full Spacing appears in between widgets and outside of them.
inBetweenDivided Dividers appear in between children, but not outside of them.
fullDivided Dividers appear in between widgets and outside of them.

If only spacing is provided, the series will auto assign spacing inBetween

PadColumn(
    spacing: 20,
    children: const [
        Text("flutter_series is"),
        Text("the best flutter package"),
        Text("to date"),
    ],
),

SizedWidth & SizedHeight

Less frustrating version of SizedBox.

SizedWidth(20) = SizedBox(width: 20),
SizedHeight(20) = SizedBox(height: 20),

HDivider & VDivider

Less frustrating versions of Divider.

HDivider(20) = Divider(
        height: 20, 
        color: Colors.white.withOpacity(0.3),
    ),
VDivider(20) = VerticalDivider(
        width: 20, 
        color: Colors.white.withOpacity(0.3),
    ),

Getting started

Use this package as a library
Depend on it
Run this command:

With Flutter:

$ flutter pub add flutter_series

This will add a line like this to your package’s pubspec.yaml (and run an implicit flutter pub get):

dependencies:
  flutter_series: ^0.0.1

Once added to your pubspec.yaml, you can reference the package in your file using:

import 'package:flutter_series/flutter_series.dart';

GitHub

https://github.com/danjoemybro/flutter_series