reward_popup

插件介绍

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

一个 Flutter 包，可让开发者轻松添加视觉上吸引人的动画弹窗，包含礼物和彩带效果。非常适合游戏、奖励系统或成就通知，通过动态且引人注目的动画提升用户参与度。该包支持 Android、iOS、Web、macOS、Windows 和 Linux 多个平台，确保在各种设备上性能一致。通过简单的命令即可快速设置，无缝集成到现有项目中。动画可自定义，旨在为获得奖励时提供愉悦的用户体验。

适合场景

游戏化功能
成就解锁通知
应用内奖励展示
用户参与度提升功能
交互式应用反馈

主要特点

动画礼物展示
彩纸爆炸效果
跨平台兼容性
与 Flutter 的简单集成
可自定义的外观和时长
流畅、轻量级的动画

适合对象

游戏开发者
寻求视觉魅力的应用设计者
带有奖励系统的教育类应用
专注于用户动机的应用程序

使用建议

可能会影响低端设备的性能
除了基本动画外，自定义功能有限
需要仔细把握时机，以避免让用户感到不堪重负
最适合偶尔使用，而不是频繁触发

原始 README

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

Reward Pop-Up

A flutter package to easily implement an attractive animated pop-up animation with gift and confetti animation. This package includes a custom non-opaque route, lottie animation and an animated mesh background.

Demo

Getting Started

Simply import the package

import 'package:reward_pop_up/reward_pop_up.dart';

Add a reference to the showRewardPackage method

More examples in the example directory of the repository & example tab.

ElevatedButton(
              onPressed: () async {
                final answer = await showRewardPopup<String>(
                  context,
                  backgroundColor: Colors.black,
                  child: Positioned.fill(
                    child: InkWell(
                      onTap: () {
                        Navigator.of(context).pop(true);
                      },
                      child: Image.asset(
                        'assets/elephant.jpg',
                        fit: BoxFit.cover,
                      ),
                    ),
                  ),
                );
                //Use answer
              },
              child: const Text('Pop-up example one'),
            ),

*New: Customize the precursor animation by passing your own animation widget!

Contributors

srujanmhase

bahadirarslan

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

安装插件