Flutter自定义对话框插件custom_dialog_testing_package的使用

custom_dialog

custom_dialog 是一个用于 Flutter 的自定义对话框插件。

Getting Started

此项目是一个 Dart 包的基础模板，您可以将其作为共享代码库的一部分，轻松地在多个 Flutter 或 Dart 项目中使用。
如果您刚刚开始学习 Flutter，请查阅官方文档，以获取教程、示例、移动开发指南以及完整的 API 参考。

使用示例

以下是一个完整的示例，展示如何在 Flutter 应用程序中使用 custom_dialog_testing_package 插件来创建自定义对话框。

示例代码

文件：example/lib/main.dart

// 导入必要的包
import 'package:custom_dialog_testing_package/custom_dialog.dart'; // 自定义对话框插件
import 'package:flutter/material.dart'; // Flutter 基础框架

// 主应用入口
void main() {
  runApp(MyApp());
}

// 定义主应用程序
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo', // 应用标题
      theme: ThemeData(primarySwatch: Colors.blue), // 主题颜色
      home: MyHomePage(title: 'Flutter Demo Home Page'), // 主页
    );
  }
}

// 定义主页状态
class MyHomePage extends StatefulWidget {
  MyHomePage({Key? key, required this.title}) : super(key: key);

  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0; // 按钮点击计数器

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title), // 设置标题
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center, // 子组件垂直居中
          children: [
            Text('你已经按下了按钮这么多次：'), // 提示文本
            Text('$_counter', style: Theme.of(context).textTheme.headline4), // 显示计数器
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton( // 浮动按钮
        onPressed: () async { // 点击事件
          // 调用自定义对话框插件
          await CustomAlertBox.showCustomAlertBox(
            context: context, // 当前上下文
            willDisplayWidget: Container( // 对话框内容
              child: Text('我的自定义对话框，来自示例！'), // 对话框文本
            ),
          );
        },
        tooltip: 'Increment', // 工具提示
        child: Icon(Icons.add), // 图标
      ),
    );
  }
}

功能说明

1. 自定义对话框：

   • 使用 CustomAlertBox.showCustomAlertBox 方法可以快速弹出自定义对话框。
   • 参数 willDisplayWidget 用于指定对话框的内容，例如 Container 和 Text。

2. 浮动按钮：

   • 点击浮动按钮时，会触发异步操作，并显示自定义对话框。

3. 依赖管理：

   • 在 pubspec.yaml 文件中添加以下依赖项：

     dependencies:
       custom_dialog_testing_package: ^1.0.0