パッケージ、リポジトリ、アプリカテゴリを検索

ai_awesome_message のカバー
パッケージ詳細v3.0.0

ai_awesome_message

Flutterパッケージのtoast; snackbar; promptと同様の新しいAwesomeメッセージウィジェット。

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
270
いいね数
35
Pub ポイント
150

パッケージをインストール

flutter pub add ai_awesome_message

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

トースト、スナックバー、プロンプト通知に似た、インスタントで視覚的に魅力的なメッセージを提供するFlutterウィジェットです。シンプルさと洗練されたデザインを意識して作られており、カスタマイズ可能なアニメーションとスタイルにより、ユーザーのフィードバックを強化します。迅速なアラート、成功メッセージ、または複数のプラットフォームでのユーザーのプロンプトに最適です。このパッケージは、最小限の設定で既存のFlutterアプリにシームレスに統合でき、モバイル、ウェブ、デスクトップを含むすべての主要プラットフォームをサポートしています。

用途

  • 迅速なユーザーのフィードバックを表示する
  • 成功またはエラーメッセージを表示する
  • 一時的なプロンプトの提供
  • アニメーション付き通知によるUIの向上
  • 従来のスナックバーの置き換え
  • アプリのインタラクティビティの向上

主な機能

  • クロスプラットフォーム互換性
  • カスタマイズ可能な外観とアニメーション
  • シンプルな API インテグレーション
  • 複数のメッセージタイプをサポートしています
  • 軽量で高速なレンダリング
  • デバイス間でのレスポンシブデザイン

適している対象

  • 現代の通知ウィジェットを探している開発者
  • 軽量なフィードバックシステムを必要とするアプリ
  • 複数プラットフォーム向けのプロジェクト
  • UI中心の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.

カテゴリー

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。