搜尋分類、套件與程式碼儲存庫

套件詳情v1.0.1

achievement_view

以簡單的方式在您的應用程式中顯示成就的精美提示

AndroidiOSWebmacOSWindowsLinux
近 30 天下載
249
喜歡數
108
Pub 分數
150

安裝套件

flutter pub add achievement_view

套件介紹

根據套件公開資料產生的選型評估,僅供參考。

AchievementView 是一個 Flutter 套件,提供了一種優雅且可自訂的方式,使用視覺上吸引人的訊息通知在您的應用程式中顯示成就。設計簡單,讓開發者能以流暢的動畫和美觀的設計展現使用者的里程碑。此套件支援多個平台,包括 Android、iOS、Web、macOS、Windows 和 Linux,非常適合跨平台應用。設定簡單,可無縫整合至現有專案中,透過獎勵性回饋提升使用者參與度。

適用情境

  • 顯示用戶進度里程碑
  • 增強遊戲化功能
  • 提供成就的即時反饋
  • 在教育類應用中整合獎勵
  • 透過視覺獎勵提升使用者留存率

主要特色

  • 動畫成就提示
  • 可自訂的外觀和持續時間
  • 跨平台相容性
  • 簡單 API 結合
  • 支援多種主題與樣式
  • 輕量且易於實作

適合對象

  • 遊戲化應用
  • 學習和生產力應用
  • 帶有使用者進度的行動與網頁應用
  • 尋求快速成就UI的開發者
  • 專注於使用者參與和動機的應用程式

使用建議

  • 超出基本樣式之外的自訂有限
  • 可能需要額外的樣式設定以滿足複雜的UI需求
  • 最適合簡單的成就顯示
  • 不適用於重度動畫或互動內容
  • 依賴於平台特定的 Toast 行為

原始 README

以下為關聯原始碼儲存庫的 README 原文快照,最新內容請造訪原始碼儲存庫。

pub package buymeacoffee

AchievementView

Beautiful toast to show Achievements in your application

Usage of the achievement_view on an android device

Usage

To use this plugin, add achieviment_view as a dependency in your pubspec.yaml file.

Example
import 'package:flutter/material.dart';
import 'package:achievement_view/achievement_view.dart';

void showAchievementView(BuildContext context){
    AchievementView(
        title: "Yeaaah!",
        subTitle: "Training completed successfully",
        //content: Widget() 
        //onTab: _onTabAchievement,
        //icon: Icon(Icons.insert_emoticon, color: Colors.white,),
        //typeAnimationContent: AnimationTypeAchievement.fadeSlideToUp,
        //borderRadius: 5.0,
        //color: Colors.blueGrey,
        //textStyleTitle: TextStyle(),
        //textStyleSubTitle: TextStyle(),
        //alignment: Alignment.topCenter,
        //duration: Duration(seconds: 3),
        //isCircle: false,
        listener: (status){
          print(status);
          //AchievementState.opening
          //AchievementState.open
          //AchievementState.closing
          //AchievementState.closed
        }
    ).show(context);
  }

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。