dashbook 0.0.10

A showcase/sandbox library to help you build isolated widgets in Flutter

example/lib/main.dart

import 'package:flutter/material.dart';

import 'package:dashbook/dashbook.dart';

void main() {
  final dashbook = Dashbook();

  dashbook
      .storiesOf('Text')
      .decorator(CenterDecorator())
      .add('default', (ctx) {
        return Container(
          width: 300,
          padding: ctx.edgeInsetsProperty(
            "edge Insets",
            EdgeInsets.fromLTRB(1, 2, 3, 4),
          ),
          child: Text(
            ctx.textProperty("text", "Text Example"),
            textAlign: ctx.listProperty(
              "text align",
              TextAlign.center,
              TextAlign.values,
            ),
            textDirection: ctx.listProperty(
              "text direction",
              TextDirection.rtl,
              TextDirection.values,
            ),
            style: TextStyle(
              fontWeight: ctx.listProperty(
                "font weight",
                FontWeight.normal,
                FontWeight.values,
              ),
              fontStyle: ctx.listProperty(
                "font style",
                FontStyle.normal,
                FontStyle.values,
              ),
              fontSize: ctx.numberProperty("font size", 20),
              color: ctx.colorProperty(
                "color",
                Colors.red,
              ),
            ),
          ),
        );
      })
      .add(
        'bold',
        (_) => Text(
          "Text",
          style: TextStyle(fontWeight: FontWeight.bold),
        ),
      )
      .add(
        'color text',
        (_) => Text(
          "Text",
          style: TextStyle(
            color: Color(0xFF0000FF),
          ),
        ),
      );

  dashbook.storiesOf('RaisedButton').decorator(CenterDecorator()).add(
        'default',
        (ctx) => RaisedButton(
          child: Text(
            ctx.listProperty("Label", "Ok", ["Ok", "Cancel", "Other label"]),
            style: TextStyle(
              fontSize: ctx.numberProperty("font size", 20),
            ),
          ),
          onPressed: () {},
        ),
      );

  dashbook.storiesOf('Checkbox').decorator(CenterDecorator()).add(
        'default',
        (ctx) => Checkbox(
          value: ctx.boolProperty("checked", true),
          onChanged: (_) {},
        ),
      );

  dashbook.storiesOf('Edge insets').decorator(CenterDecorator()).add(
        'default',
        (ctx) => Container(
          color: Colors.blue[300],
          padding: ctx.edgeInsetsProperty(
            "edge Insets",
            EdgeInsets.fromLTRB(30, 10, 30, 50),
          ),
          child: Text(
            "Text",
            style: TextStyle(fontWeight: FontWeight.bold),
          ),
        ),
      );

  dashbook.storiesOf('Border radius').decorator(CenterDecorator()).add(
        'default',
        (ctx) => Container(
          width: ctx.constraints.maxWidth,
          height: ctx.constraints.maxHeight,
          padding: EdgeInsets.all(10),
          decoration: BoxDecoration(
              color: Colors.blue[300],
              borderRadius: ctx.borderRadiusProperty(
                  "border radius",
                  BorderRadius.only(
                      topLeft: Radius.circular(10),
                      topRight: Radius.circular(10),
                      bottomLeft: Radius.circular(50),
                      bottomRight: Radius.circular(50)))),
          child: Text(
            "Text",
            style: TextStyle(fontWeight: FontWeight.bold),
          ),
        ),
      );

  runApp(dashbook);
}