Flutter富文本展示插件richbar的使用

使用

要使用此插件，需要在你的pubspec.yaml文件中添加richbar作为依赖项，并在你的文件中导入它：

import 'package:richbar/richbar.dart';

截图

1	2

GIF截图

如何使用

只需创建一个Richbar小部件并传递所需的参数：

// 关闭Richbar
Richbar().close(context);

// 显示Richbar
Richbar(
  message,
  backgroundColor: const Color(0XFF1DA64D),
  duration: const Duration(seconds: 1),
  richbarPosition: RichbarPosition.top,
  leading: const Icon(
    Icons.check_circle_rounded,
    color: Colors.lightBlueAccent,
  ),
).show(context);

快速参考

MIT许可证

MIT License

版权所有 (c) 2022 Dammy Richie

特此免费授予任何获得本软件副本和相关文档文件（“软件”）的人，无限制地处理软件的权利，包括但不限于使用、复制、修改、合并、发布、分发、再许可和/或销售软件副本的权限，并允许被提供软件的人这样做，但须符合以下条件：

上述版权声明和本许可声明必须包含在所有副本或实质性部分中。

软件按“原样”提供，不附带任何形式的明示或暗示担保，包括但不限于适销性、特定用途适用性和非侵权性的担保。 在任何情况下，作者或版权持有人均不对因软件或软件的使用或其他交易而引起的任何索赔、损害或其他责任负责。

示例代码

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:richbar/richbar.dart';

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

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    SystemChrome.setSystemUIOverlayStyle(
      const SystemUiOverlayStyle(
        statusBarIconBrightness: Brightness.light,
        statusBarBrightness: Brightness.dark,
        statusBarColor: Colors.transparent,
      ),
    );
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData.dark().copyWith(
        primaryColor: Colors.white,
      ),
      home: const MyHomePage(title: ''),
    );
  }
}

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> {
  int _counter = 0;

  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }

  void _decrementCounter() {
    setState(() {
      _counter--;
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        elevation: 0,
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            const SizedBox(height: 150),
            const Text(
              '你已经点击了按钮这么多次：',
            ),
            Text(
              '$_counter',
              style: Theme.of(context).textTheme.bodyMedium,
            ),
            const SizedBox(height: 160),
            Padding(
              padding: const EdgeInsets.all(8.0),
              child: Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: [
                  CircleAvatar(
                    radius: 25,
                    backgroundColor: Colors.greenAccent,
                    child: IconButton(
                      color: Theme.of(context).primaryColor,
                      onPressed: () {
                        _decrementCounter();
                        RichbarHelper.showError(
                          context: context,
                          message: '计数器已减小1: $_counter',
                        );
                      },
                      tooltip: '减少',
                      icon: const Icon(Icons.minimize),
                    ),
                  ),
                  CircleAvatar(
                    radius: 25,
                    backgroundColor: Colors.greenAccent,
                    child: IconButton(
                      color: Theme.of(context).primaryColor,
                      onPressed: () {
                        _incrementCounter();
                        RichbarHelper.showSuccess(
                          context: context,
                          message: '计数器已增加1: $_counter',
                        );
                      },
                      tooltip: '增加',
                      icon: const Icon(Icons.add),
                    ),
                  ),
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }
}