搜尋套件、儲存庫與 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 widget，可提供即時且視覺上吸引人的訊息，類似於吐司、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.

所屬分類

通知與提示

原始碼儲存庫

使用此套件的專案

暫無相關資料。