Flutter Array View

Customizable Flutter Row and Column widgets that provide additional functionality.

Usage & features

ArrayView(...)

Add spacing between children

This property implicitly adds SizedBox widgets with specified height/width (depending on the direction) between children.

ArrayView.row(
  spacing: 16,
  children: [
    Text('Hello'),
    Text('World!'),
    Text(':)'),
  ],
),

Specify direction based on condition

ArrayView(
  direction: condition ? Axis.horizontal : Axis.vertical,
  children: [...],
),

Define padding that can be ignored by specific children

If you use IgnoreArrayPadding as a child of ArrayView, it will not be affected by the padding specified in the ArrayView.

ArrayView.column(
  spacing: 16,
  padding: EdgeInsets.all(16),
  children: [
    Text('Lorem ipsum'),
    // This widget will ignore the padding
    IgnoreArrayPadding(
      child: Image.network(...),
    ),
    Text('dolor sit amet.'),
  ],
),

Suggest a feature

If you have an idea that might enhance Row and Column widgets, feel free to open an issue at the issue tracker.