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

插件详情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);
  }

所属分类

源码仓库

使用此插件的项目

暂无相关数据。