Flutter对话框辅助插件flutter_dialog_helper的使用

Flutter对话框辅助插件flutter_dialog_helper的使用

本README描述了该软件包。如果您将此软件包发布到pub.dev，则此README的内容将出现在您的软件包首页。

有关如何编写好的软件包README的指南，请参阅编写软件包页面。

有关开发软件包的一般信息，请参阅Dart指南创建软件包和Flutter指南开发软件包和插件。

安装

添加到pubspec.yaml

dependencies:
  flutter_dialog_helper: ^0.1.0

使用

通常，您希望在按钮回调中调用任何方法：

成功消息

ElevatedButton(
  onPressed: (){
    showSuccessMessage(context, '成功!!!');
  },
  child: const Text('成功消息'),
),

错误消息

ElevatedButton(
  onPressed: (){
    showErrorMessage(context, '错误!!!');
  },
  child: const Text('错误消息'),
),

确认对话框

ElevatedButton(
  onPressed: () async{
    bool? confirm = await showConfirmationDialog(context, '确认', '你确定吗？');
    setState(() {
      lastConfirmation = confirm;
    });
  },
  child: const Text('确认对话框'),
),

提示对话框

ElevatedButton(
  onPressed: () async{
    String? input = await showPromtDialog(context, '输入对话框',);
    setState(() {
      lastInput = input;
    });
  },
  child: const Text('提示对话框'),
),

示例代码

以下是完整的示例代码，展示了如何使用flutter_dialog_helper插件。

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

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

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter 对话框助手示例',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  const MyHomePage({Key? key}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Flutter 对话框助手示例'),
      ),
      body: Center(
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.center,
          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
          children: const [
            StaticDialogs(),
            DynamicDialogs(),
          ],
        ),
      ),
    );
  }
}

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Center(
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.center,
          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
          children: [
            ElevatedButton(
              onPressed: (){
                showSuccessMessage(context, '成功!!!');
              },
              child: const Text('成功消息'),
            ),
            ElevatedButton(
              onPressed: (){
                showErrorMessage(context, '错误!!!');
              },
              child: const Text('错误消息'),
            ),
          ],
        ),
    );
  }
}

class DynamicDialogs extends StatefulWidget {
  const DynamicDialogs({super.key});

  [@override](/user/override)
  State<DynamicDialogs> createState() => _DynamicDialogsState();
}

class _DynamicDialogsState extends State<DynamicDialogs> {

  bool? lastConfirmation;
  String? lastInput;

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Center(
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.center,
          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
          children: [
            ElevatedButton(
              onPressed: () async{
                bool? confirm = await showConfirmationDialog(context, '确认', '你确定吗？');
                setState(() {
                  lastConfirmation = confirm;
                });
              },
              child: const Text('确认对话框'),
            ),
            Text('最后确认值: $lastConfirmation'),
            ElevatedButton(
              onPressed: () async{
                String? input = await showPromtDialog(context, '输入对话框',);
                setState(() {
                  lastInput = input;
                });
              },
              child: const Text('提示对话框'),
            ),
            Text('最后输入值: $lastInput'),
          ],
        ),
    );
  }
}