Flutter组件工具集插件easy_comp_utils_dialog的使用

Flutter 组件工具集插件 easy_comp_utils_dialog 的使用

组件

• CheckStepper
• DialogHelper

安装

1. 在 pubspec.yaml 文件中添加最新版本，并运行 dart pub get：

dependencies:
    easy_comp_utils_dialog: ^0.0.1+1

1. 导入包以便在 Flutter 应用程序中使用：

import 'package:easy_comp_utils_dialog/easy_comp_utils_dialog.dart';

使用方式

使用组件 CheckStepper 在一个对话框中

以下是一个完整的示例代码，展示了如何在 Flutter 应用程序中使用 CheckStepper 组件。

import 'package:flutter/material.dart';
import 'package:easy_comp_utils_dialog/easy_comp_utils_dialog.dart';

class EasyCompTeste extends StatelessWidget {
  const EasyCompTeste({super.key});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Container(
      child: Center(
        child: TextButton(
            child: const Text("测试"),
            onPressed: () {
                CheckStepper.show(
                    context: context,
                    checkItens: [
                        CheckStep(
                            title: "验证",
                            checkStatus: (setMessage) async {
                            await Future.delayed(const Duration(seconds: 1));
                            // throw "错误测试";
                            return CheckStepState.complete;
                            },
                        ),
                        CheckStep(
                            title: "发出收据",
                            checkStatus: (setMessage) async {
                            await Future.delayed(const Duration(seconds: 1));
                            setMessage(
                                SetMessage.message(
                                    message:
                                        "销售过程中发生错误\n\n错误: 证书有效期已过: 20/01/2024\n序列号: 601\n发票编号: 199"),
                            );
                            return CheckStepState.warning;
                            },
                        ),
                        CheckStep(
                            title: "完成销售",
                            checkStatus: (setMessage) async {
                            await Future.delayed(const Duration(seconds: 1));
                            return CheckStepState.complete;
                            },
                        ),
                        CheckStep(
                            title: "生成凭证",
                            checkStatus: (setMessage) async {
                            await Future.delayed(const Duration(seconds: 1));
                            return CheckStepState.complete;
                            },
                        ),
                    ],
                );
            },
        ),
      ),
    );
  }
}