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 分類

安裝套件