Constants

This file contains all the common constants which can be used in app.

List of available constants:

default padding and margin

• defaultPadding (double)
• defaultMargin (double)

How to use:

// import
import 'package:team/vaahextendflutter/helpers/constants.dart';

...
Container(
    padding: const EdgeInsets.all(defaultPadding),
    margin: const EdgeInsets.all(defaultMargin),
);
...

Common Widgets

• const emptyWidget = SizedBox();
• const emptyWidgetWide = SizedBox(width: double.infinity);
• const emptyIconButton = SizedBox(width: kMinInteractiveDimension);

How to use?

Column(
    children: [
        Row(),
        emptyWidget,
        Row(),
        emptyWidgetWide,
        Row(),
        emptyIconButton,
        Row(),
    ],
),

Layout Margins

• We have horizontalMargin4, horizontalMargin8, horizontalMargin12, horizontalMargin16, horizontalMargin24, horizontalMargin32, horizontalMargin48

demo of source code

const horizontalMargin4 = SizedBox(width: 4.0);

• We have verticalMargin2, verticalMargin4, verticalMargin8, verticalMargin12, verticalMargin16, verticalMargin24, verticalMargin32, verticalMargin48

demo of source code

const verticalMargin2 = SizedBox(height: 2.0);

• We have sliverVerticalMargin4, sliverVerticalMargin8, sliverVerticalMargin12, sliverVerticalMargin16, sliverVerticalMargin24, sliverVerticalMargin32, sliverVerticalMargin48

demo of source code

const sliverVerticalMargin4 = SliverToBoxAdapter(child: SizedBox(height: 4.0));

Paddings

Empty Paddings

• We have emptyPadding

demo of source code

const emptyPadding = EdgeInsets.zero;

Horizontal Paddings

• We have horizontalPadding4, horizontalPadding8, horizontalPadding12, horizontalPadding16, horizontalPadding24, horizontalPadding32, horizontalPadding48

demo of source code

const horizontalPadding4 = EdgeInsets.symmetric(horizontal: 4.0);

Vertical Paddings

• We have verticalPadding0, verticalPadding2, verticalPadding4, verticalPadding8, verticalPadding12, verticalPadding16, verticalPadding24, verticalPadding32, verticalPadding48

demo of source code

const verticalPadding0 = EdgeInsets.symmetric(vertical: 0.0);

All Paddings

• We have allPadding0, allPadding2, allPadding4, allPadding8, allPadding12, allPadding16, allPadding24, allPadding32, allPadding48

demo of source code

const allPadding2 = EdgeInsets.all(2.0);

Left Paddings

• We have leftPadding2, leftPadding4, leftPadding8, leftPadding12, leftPadding16, leftPadding24, leftPadding32, leftPadding48

demo of source code

const leftPadding2 = EdgeInsets.only(left: 2.0);

Top Paddings

• We have topPadding1, topPadding2, topPadding4, topPadding8, topPadding12, topPadding16, topPadding24, topPadding32, topPadding48

demo of source code

const topPadding1 = EdgeInsets.only(top: 1.0);

Right Paddings

• We have rightPadding1, rightPadding2, rightPadding4, rightPadding8, rightPadding12, rightPadding16, rightPadding24, rightPadding32, rightPadding48

demo of source code

const rightPadding2 = EdgeInsets.only(right: 2.0);

Bottom Paddings

• We have bottomPadding1, bottomPadding2, bottomPadding4, bottomPadding8, bottomPadding12, bottomPadding16, bottomPadding24, bottomPadding32, bottomPadding48

demo of source code

const bottomPadding1 = EdgeInsets.only(bottom: 1.0);

Durations

• We have duration250milli, duration300milli, duration400milli, duration500milli, duration600milli, duration700milli, duration800milli, duration900milli, duration1000milli

demo of source code

const duration250milli = Duration(milliseconds: 250); // best suitable for animations