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

パッケージ詳細v0.0.7

reward_popup

プレゼントとコッフェティアニメーションを備えた魅力的なアニメーションポップアップを簡単に実装できるFlutterパッケージ。

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
40
いいね数
29
Pub ポイント
130

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

flutter pub add reward_popup

パッケージ概要

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

Flutterパッケージで、ギフトやConfetti効果を備えた視覚的に魅力的なアニメーションポップアップを簡単に追加できます。ゲーム、報酬システム、達成通知に最適で、ダイナミックで目を引くアニメーションによりユーザーの関与を高めます。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

Video

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

カテゴリー

依存関係

依存関係一覧 1 件

ソースリポジトリ

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

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