Flutter对话框管理插件flutter_androssy_dialogs的使用

Flutter对话框管理插件flutter_androssy_dialogs的使用

特性

• 提示消息对话框
• 可编辑对话框
• 加载对话框
• 消息对话框
• 消息通知栏
• 错误通知栏
• 警告通知栏

导入

import 'package:flutter_androssy_dialogs/dialogs.dart';

初始化自定义设置（可选）

void initDialogs() {
  Dialogs.init(
    alertDialogConfig: (context) => 
    const AlertDialogConfig(
      positiveButtonTextStyle: TextStyle(
        color: Colors.orange,
        fontWeight: FontWeight.bold,
        fontSize: 18,
      ),
      material: false,
    ),
    messageDialogConfig: (context) => 
    const MessageDialogConfig(
      buttonTextStyle: TextStyle(
        color: Colors.orange,
        fontWeight: FontWeight.bold,
        fontSize: 18,
      ),
      material: false,
    ),
    loadingDialogConfig: (context) => 
        LoadingDialogConfig(
          loader: Center(
            child: Container(
              width: 120,
              height: 120,
              decoration: BoxDecoration(
                color: Colors.white,
                borderRadius: BorderRadius.circular(25),
              ),
              child: const Center(
                child: CircularProgressIndicator(),
              ),
            ),
          ),
          material: false,
        ),
    snackBarConfig: (context) => 
    const SnackBarConfig(
      messageStyle: TextStyle(
        color: Colors.white,
        fontWeight: FontWeight.bold,
        fontSize: 16,
      ),
    ),
    errorSnackBarConfig: (context) => 
        SnackBarConfig(
          background: Colors.red.withOpacity(0.1),
          messageStyle: const TextStyle(
            color: Colors.red,
            fontWeight: FontWeight.bold,
            fontSize: 16,
          ),
        ),
    warningSnackBarConfig: (context) => 
        SnackBarConfig(
          background: Colors.orange.withOpacity(0.1),
          messageStyle: const TextStyle(
            color: Colors.orange,
            fontWeight: FontWeight.bold,
            fontSize: 16,
          ),
        ),
  );
}

示例

import 'package:flutter/material.dart';
import 'package:flutter_androssy_dialogs/dialogs.dart';

void main() {
  Dialogs.init(
    alertDialogConfig: (context) => 
    const AlertDialogConfig(
      positiveButtonTextStyle: TextStyle(
        color: Colors.orange,
        fontWeight: FontWeight.bold,
        fontSize: 18,
      ),
      material: false,
    ),
    messageDialogConfig: (context) => 
    const MessageDialogConfig(
      buttonTextStyle: TextStyle(
        color: Colors.orange,
        fontWeight: FontWeight.bold,
        fontSize: 18,
      ),
      material: false,
    ),
    loadingDialogConfig: (context) => 
        LoadingDialogConfig(
          loader: Center(
            child: Container(
              width: 120,
              height: 120,
              decoration: BoxDecoration(
                color: Colors.white,
                borderRadius: BorderRadius.circular(25),
              ),
              child: const Center(
                child: CircularProgressIndicator(),
              ),
            ),
          ),
          material: false,
        ),
    snackBarConfig: (context) => 
    const SnackBarConfig(
      messageStyle: TextStyle(
        color: Colors.white,
        fontWeight: FontWeight.bold,
        fontSize: 16,
      ),
    ),
    errorSnackBarConfig: (context) => 
        SnackBarConfig(
          background: Colors.red.withOpacity(0.1),
          messageStyle: const TextStyle(
            color: Colors.red,
            fontWeight: FontWeight.bold,
            fontSize: 16,
          ),
        ),
    warningSnackBarConfig: (context) => 
        SnackBarConfig(
          background: Colors.orange.withOpacity(0.1),
          messageStyle: const TextStyle(
            color: Colors.orange,
            fontWeight: FontWeight.bold,
            fontSize: 16,
          ),
        ),
  );
  runApp(const MyApp());
}

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const MyHomePage(),
    );
  }
}

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        alignment: Alignment.center,
        padding: const EdgeInsets.symmetric(horizontal: 32, vertical: 50),
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            ElevatedButton(
              onPressed: () {
                context.showAlert(
                  title: "这是一个标题！",
                  message: "这是一个警告消息",
                );
              },
              child: const Text("显示警告对话框"),
            ),
            const SizedBox(height: 24),
            ElevatedButton(
              onPressed: () {
                context.showEditor(
                  hint: "写点东西...",
                  title: "这是一个标题！",
                );
              },
              child: const Text("显示可编辑对话框"),
            ),
            const SizedBox(height: 24),
            ElevatedButton(
              onPressed: () {
                context.showLoader();
              },
              child: const Text("显示加载对话框"),
            ),
            const SizedBox(height: 24),
            ElevatedButton(
              onPressed: () {
                context.showMessage("这是一个消息", title: "成功！");
              },
              child: const Text("显示消息对话框"),
            ),
            const SizedBox(height: 24),
            ElevatedButton(
              onPressed: () {
                context.showSnackBar("这是一个通知栏消息！");
              },
              child: const Text("显示通知栏"),
            ),
            const SizedBox(height: 24),
            ElevatedButton(
              onPressed: () {
                context.showErrorSnackBar("这是一个错误通知栏消息！");
              },
              child: const Text("显示错误通知栏"),
            ),
            const SizedBox(height: 24),
            ElevatedButton(
              onPressed: () {
                context.showWarningSnackBar(
                    "这是一个警告通知栏消息！");
              },
              child: const Text("显示警告通知栏"),
            ),
          ],
        ),
      ),
    );
  }
}