A flutter suite library containing common components(button,text,dialog,slider,route page etc.) for easy use.

For more,see example project.

Use this package as a library 1. Depend on it Add this to your package's pubspec.yaml file:

dependencies:
  zf_flutter_kit: ^0.0.2
  1. Install it You can install packages from the command line:

with Flutter:

flutter pub get

Alternatively, your editor might support flutter pub get. Check the docs for your editor to learn more.

  1. Import it Now in your Dart code, you can use:
import 'package:zf_flutter_kit/zf_flutter_kit.dart';

Widget

ZFButton

    ZFButton(
      {this.text = '',
      this.onPressed,
      this.borderRadius = 8,
      this.borderWidth = 1,
      this.color = Colors.white,
      this.highlightColor = _highlightColor,
      this.textColor = _color,
      this.highlightTextColor = Colors.white,
      this.borderColor = _color,
      this.highlightBorderColor = _highlightColor,
      this.textStyle,
      this.selected = false,
      });

Text、BaseWidget(a simple PageRoute)、Scrollview、slider etc.

widget

Dialog

ZFAlertDialog.show(context, 'Your Title', 'Your Message',
                onOkPressed: () {
              return true; //return true to close, when press ok button
            });

image

custom dialog

ZFAlertDialog.show(context, 'Your Title', 'Your Message',
                onOkPressed: () {
              return true;
            }, footerContent: () {
              return Container(
                color: Colors.red,
                width: 200,
                height: 44,
              );
            }());

image

custom dialog content

showDialog(
                context: context,
                builder: (ctx) {
                  return ZFDialog(
                    cancelText: 'Cancel',
                    okText: 'Ok',
                    content: () {
                      return Image.network(
                          'https://www.baidu.com/img/bd_logo1.png');
                    }(),
                  );
                });

image

Navigator

//push open a page
Navigator.of(context).zfpush(MinePage());

//push open a webview page
Navigator.of(context)
                .zfopenWebView('https://github.com', 'Your web page title');

image

UI-KIT BUTTON COMPONENTS DART DIALOG FLUTTER FLUTTER-UI-KIT NAVIGATOR PACKAGES ROUTE TEXT UI UIKIT
SHARE: