搜索插件、代码仓与 APP 分类

ducafecatFlutter 生态导航
ai_awesome_message 封面
插件详情v3.0.0

ai_awesome_message

一个全新的 Awesome 消息小部件，与 Flutter 包中的 toast、snackbar、prompt 类似。

AndroidiOSWebmacOSWindowsLinux
pub.dev API 文档 源代码
近 30 天下载
270
喜欢数
35
Pub 分数
150

安装插件

flutter pub add ai_awesome_message

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

一个 Flutter 小部件，可提供即时且视觉上吸引人的消息，类似于吐司、Snackbar 或提示通知。设计简洁优雅，通过可自定义的动画和样式增强用户反馈。适用于快速警报、成功消息或跨多个平台的用户提示。该包可轻松集成到现有的 Flutter 应用中，设置简单，并支持所有主要平台，包括移动、Web 和桌面。

适合场景

  • 显示快速用户反馈
  • 显示成功或错误消息
  • 提供临时提示
  • 通过动画通知增强用户界面
  • 替换传统通知栏
  • 提高应用交互性

主要特点

  • 跨平台兼容性
  • 可自定义的外观和动画
  • 简单 API 集成
  • 支持多种消息类型
  • 轻量且快速的渲染
  • 跨设备的响应式设计

适合对象

  • 寻求现代通知小部件的开发者
  • 需要轻量级反馈系统的应用
  • 面向多平台的项目
  • 面向用户界面的 Flutter 应用程序
  • 注重开发者体验的团队

使用建议

  • 仅限基本消息类型
  • 无内置持久化或历史记录
  • 依赖外部样式进行高级自定义
  • 可能需要额外配置以适应复杂布局
  • 不适用于长篇内容或交互式对话

原始 README

以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。

ai_awesome_message ｜ AiAwesomeMessage

A new Awesome message widget that is sames to toast/snackbar/prompt of Flutter package.

AiAwesomeMessage

totem

English Document 中文文档

我们的宗旨是：帮助开发者更加便利开发、切身体会编程之美！

ai_awesome_message ｜ AiAwesomeMessage

pub package

AiAwesomeMessage 在项目中的实战应用flutter sample

效果图

iOS Android
AiAwesomeMessage_ios AiAwesomeMessage_android
:- :-
macOS web
AiAwesomeMessage_macos AiAwesomeMessage_web
:- :-

1.安装

使用当前包作为依赖库

1. 依赖此库

在文件 'pubspec.yaml' 中添加

pub package


dependencies:

  ai_awesome_message: ^version

或以这种方式添加


  # AiAwesomeMessage package.
  ai_awesome_message:
    git:
      url: https://github.com/pdliuw/ai_awesome_message.git
2. 安装此库

你可以通过下面的命令行来安装此库


$ flutter pub get

你也可以通过项目开发工具通过可视化操作来执行上述步骤

3. 导入此库

现在，在你的Dart编辑代码中，你可以使用：


import 'package:ai_awesome_message/ai_awesome_message.dart';

2.使用

1.作为Widget使用

          Container(
            child:
                AwesomeHelper.createAwesome(title: "title", message: "message"),
          ),
2.作为Route使用

          Navigator.push(
            context,
            AwesomeMessageRoute(
              awesomeMessage: AwesomeHelper.createAwesome(
                  title: "title", message: "message"),
              theme: null,
              settings: RouteSettings(name: "/messageRouteName"),
            ),
          );
3.作为Route使用并带有Theme

          Navigator.push(
            context,
            AwesomeMessageRoute(
              awesomeMessage: AwesomeHelper.createAwesome(
                  title: "title", message: "message"),
              theme: Theme.of(context),
              settings: RouteSettings(name: "/messageRouteName"),
            ),
          );

3.我们推荐，您这样使用将会为您带来巨大的便利

1.作为Widget使用

          Container(
            child:
                AwesomeHelper.createAwesome(title: "title", message: "message"),
          ),
2.作为Route使用

与 Airoute | pub package 搭配使用，事半功倍！


          Airoute.push(
            route: AwesomeMessageRoute(
              awesomeMessage: AwesomeHelper.createAwesome(
                  title: "title", message: "message"),
              theme: null,
              settings: RouteSettings(name: "/messageRouteName"),
            ),
          );
          
          or

          Airoute.push(
            route: AwesomeMessageRoute(
              awesomeMessage: AwesomeHelper.createAwesome(
                  title: "title", message: "message"),
              theme: Theme.of(context),
              settings: RouteSettings(name: "/messageRouteName"),
            ),
          );

LICENSE

BSD 3-Clause License

Copyright (c) 2020, pdliuw
All rights reserved.

所属分类

通知与提示

源码仓库

使用此插件的项目

暂无相关数据。