flutter_series 0.1.2 icon indicating copy to clipboard operation
flutter_series: ^0.1.2 copied to clipboard

Improved row and column widgets to include spacing and 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.

WidgetsDescription
PadColumnA Column with optional padding, spacing and dividers.
PadRowA Row with optional padding, spacing and dividers.
SizedWidthA less frustrating version of SizedBox.
SizedHeightA less frustrating version of SizedBox.
HDividerA simplified Divider widget.
VDividerA simplified VerticalDivider widget.
FunctionsDescription
navPushA 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 for different spacing effects.

Interleaving ModeDescription
noneNo spacing is applied, just like a standard series.
inBetweenSpacing appears in between children, but not outside of them.
fullSpacing appears in between widgets and outside of them.
inBetweenDividedDividers appear in between children, but not outside of them.
fullDividedDividers 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';
2
likes
140
pub points
54%
popularity

Publisher

verified publisher icondanjoemybro.dev

Improved row and column widgets to include spacing and interleaved dividers.

Repository (GitHub)

Documentation

API reference

License

Icon for licenses.BSD-3-Clause (LICENSE)

Dependencies

flutter

More

Packages that depend on flutter_series