qz_ui_kit 0.1.3

A new Flutter project.

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:qz_ui_kit/qz_ui_kit.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ScreenUtilInit(
      designSize: Size(750, 1334),
      allowFontScaling: false,
      builder: () => MaterialApp(
          title: 'Flutter Demo',
          theme: ThemeData(
            primarySwatch: Colors.blue,
            visualDensity: VisualDensity.adaptivePlatformDensity,
          ),
          home: ExamplePage()),
    );
  }
}

class ExamplePage extends StatefulWidget {
  @override
  _ExamplePageState createState() => _ExamplePageState();
}

class _ExamplePageState extends State<ExamplePage> {
  final List<ActionSheetItem> actionList = [
    ActionSheetItem(name: '相机', value: "camera", color: Colors.red),
    ActionSheetItem(name: '相册', value: "gallery"),
  ];

  @override
  void initState() {
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(title: Text('example')),
        body: AppScrollView(
          children: [
            CustomOutlineButton(
              // child: Text('test'),
              title: 'dialog test',
              onPressed: () async {
                await showDialog(
                  context: context,
                  builder: (_) {
                    return NDialog(
                      background: Colors.orange,
                      cancelButtonColor: Colors.orange,
                      confirmButtonColor: Colors.orange,
                      contentColor: Colors.blue,
                      borderColor: Colors.red,
                      // title: '温馨提示',
                      message: '确定要取消该订单?',
                      confirmButtonText: '确定',
                      cancelButtonText: '取消',
                      showCancelButton: true,
                      closeOnClickOverlay: true,
                      confirmTextColor: Theme.of(context).primaryColor,
                      onConfirm: () {},
                    );
                  },
                );
              },
            ),
            CustomOutlineButton(
              // child: Text('test'),
              title: 'picker image',
              onPressed: () async {
                pickerImage(context, actionList,
                    cancel: '取消', cancelColor: Colors.red);
              },
            ),
            CustomOutlineButton(
              // child: Text('test'),
              title: 'picker',
              onPressed: () async {
                showPicker(
                  headerDecoration: BoxDecoration(
                    color: Colors.red,
                    border: Border(
                      bottom: BorderSide(width: 1, color: Colors.blue)
                    )
                  ),
                  backgroundColor: Colors.red,
                  context: context,
                  pickerData: ['默认','买家', '卖家'],
                  onConfirm: (picker, list) {},
                );
              },
            ),
            CustomOutlineButton(
              // child: Text('test'),
              title: 'action sheet',
              onPressed: () async {
                final List<ActionSheetItem> actionList = [
                  ActionSheetItem(name: "默认", value: '2', color: Colors.blue),
                  ActionSheetItem(name: "买盘", value: '0'),
                  ActionSheetItem(name: "卖盘", value: '1'),
                ];
                ActionSheet(
                    actions: actionList,
                    roundRadius: 10.w,
                    cancelText: '取消',
                    background: Colors.red,
                    lineColor: Colors.orange,
                    spacerColor: Colors.green,
                    onSelect: (action, index, context) {
                      print(action.value);
                      print(action.value is int);
                    }).show(context);
              },
            ),
            // CircularProgressIndicator(
            //   valueColor: AlwaysStoppedAnimation(const Color(0xff106636)),
            //   strokeWidth: 2.w,
            // ),
            // Wrap(
            //   spacing: 16.0,
            //   alignment: WrapAlignment.center,
            //   runSpacing: 16.0,
            //   children: <Widget>[
            //     AnimatedRotationBox(
            //       child: GradientCircularProgressIndicator(
            //         radius: 15.0,
            //         colors: [Colors.red[300], Colors.orange, Colors.grey[50]],
            //         value: .8,
            //         backgroundColor: Colors.transparent,
            //       ),
            //     ),
            //     AnimatedRotationBox(
            //       child: GradientCircularProgressIndicator(
            //         radius: 15.0,
            //         colors: [Colors.red, Colors.red],
            //         value: .7,
            //         backgroundColor: Colors.transparent,
            //       ),
            //     ),
            //     AnimatedRotationBox(
            //       duration: Duration(milliseconds: 800),
            //       child: GradientCircularProgressIndicator(
            //         radius: 15.0,
            //         colors: [Colors.blue, Colors.lightBlue[50]],
            //         value: .8,
            //         backgroundColor: Colors.transparent,
            //         strokeCapRound: true,
            //       ),
            //     ),
            //     // Icon
            //     AnimatedRotationBox(
            //       duration: Duration(milliseconds: 800),
            //       child: Icon(Icons.loop),
            //     ),
            //     AnimatedRotationBox(
            //       duration: Duration(milliseconds: 800),
            //       child: Icon(Icons.add),
            //     ),
            //     AnimatedRotationBox(
            //       duration: Duration(milliseconds: 800),
            //       child: Icon(Icons.refresh),
            //     ),
            //     AnimatedRotationBox(
            //       child: GradientCircularProgressIndicator(
            //         colors: [
            //           Colors.red,
            //           Colors.amber,
            //           Colors.cyan,
            //           Colors.green[200],
            //           Colors.blue,
            //           Colors.red
            //         ],
            //         radius: 60.0,
            //         stokeWidth: 5.0,
            //         strokeCapRound: true,
            //         backgroundColor: Colors.transparent,
            //         value: 1.0,
            //       ),
            //     ),
            //
            //   ],
            // ),
          ],
        ));
  }
}