Flutter消息提示插件snackbar_extension的使用

SnackBar Extension 是一个为 SnackBar 提供扩展功能的 Flutter 包。

特性

• ✅ 注册多个 SnackBar
• ✅ 在任何位置显示注册过的 SnackBar
• ✅ 直到某个函数执行完毕才显示 SnackBar
• ✅ 动态自定义 SnackBar

开始使用

在 pubspec.yaml 文件中添加依赖：

dependencies:
  snackbar_extension: <最新版本>

运行 pub get 命令以获取包。

注册 SnackBars

使用 register 函数注册 SnackBar，需要传入 SnackBar 的名称和 SnackBar 本身。

SnackBarExtension.register(
    name: "Classic",
    snackBar: const SnackBar(
    content: Text("Classic"),
    ),
);

访问 SnackBar

通过 .of(context, name) 函数访问已注册的 SnackBar。

SnackBarExtension.of(context, "Classic").show();

自定义 SnackBar

SnackBar Extension 允许动态地自定义已注册的 SnackBar。

// 更改现代风格 SnackBar 的背景颜色
SnackBarExtension.of(context, "Modern").setBackgroundColor(Colors.blue);

// 更改经典风格 SnackBar 的文本内容
SnackBarExtension.of(context, "Classic").setContent(const Text("Changed Classic Text"));

// 更改现代风格 SnackBar 的行为
SnackBarExtension.of(context, "Modern").setBehavior(SnackBarBehavior.floating);

直到某个函数执行完毕才显示 SnackBar

使用 showTill 函数，直到某个函数执行完毕后才显示 SnackBar。

SnackBarExtension.of(context, "Modern").showTill(
    content: const Text("Show Till Function"),
    run: () async {
        await Future.delayed(const Duration(seconds: 3));
    },
);

示例代码

以下是一个完整的示例代码：

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

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

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'SnackBar Extension',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: 'SnackBar Extension'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({Key? key, required this.title}) : super(key: key);

  final String title;

  [@override](/user/override)
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            // 注册经典风格的 SnackBar
            ElevatedButton(
              child: const Text("Register Classic SnackBar"),
              onPressed: () {
                SnackBarExtension.register(
                  name: "Classic",
                  snackBar: const SnackBar(
                    content: Text("Classic"),
                  ),
                );
              },
            ),
            // 注册现代风格的 SnackBar
            ElevatedButton(
              child: const Text("Register Modern SnackBar"),
              onPressed: () {
                SnackBarExtension.register(
                  name: "Modern",
                  snackBar: const SnackBar(
                    content: Text("Modern"),
                  ),
                );
              },
            ),
            // 更改现代风格 SnackBar 的背景颜色
            ElevatedButton(
              child: const Text("Change Modern Background Color"),
              onPressed: () {
                SnackBarExtension.of(context, "Modern")
                    .setBackgroundColor(Colors.blue);
              },
            ),
            // 显示经典风格的 SnackBar
            ElevatedButton(
              child: const Text("Show Classic SnackBar"),
              onPressed: () {
                SnackBarExtension.of(context, "Classic").show();
              },
            ),
            // 显示现代风格的 SnackBar
            ElevatedButton(
              child: const Text("Show Modern SnackBar"),
              onPressed: () {
                SnackBarExtension.of(context, "Modern").show();
              },
            ),
          ],
        ),
      ),
    );
  }
}