ui_bits

Flutter

A UI components(bits) library

Getting Started

Register Theme

    var themeFactory = ThemeFactory();

    return MaterialApp(
      title: 'Catalog',
      theme: themeFactory.makeBlueTheme(),
      home: themeFactory.makeHome(
        child: Catalog(title: 'Flutter Components Catalog'),
      ),
    );

Paddings


    // Small uses BitSizes.small from theme, default: 10.0 
    BitSmallPadding(
      options: BitEdgeInsetsOptions.top,
      child: Text('some text'),
    );

Options

  • top: BitEdgeInsetsOptions.top
  • bottom: BitEdgeInsetsOptions.bottom
  • left: BitEdgeInsetsOptions.left
  • right: BitEdgeInsetsOptions.right
  • all: BitEdgeInsetsOptions.all
  • none: BitEdgeInsetsOptions.none
  • combine:
    // sums the given insets, in this case left and right.
    BitEdgeInsetsOptions.combine([
        BitEdgeInsetsOptions.left,
        BitEdgeInsetsOptions.right,
    ]);

Libraries

ui_bits