패키지, 저장소 및 앱 카테고리 검색

패키지 상세v0.0.7

reward_popup

선물과 컨페티 애니메이션을 포함한 매력적인 애니메이션 팝업을 쉽게 구현할 수 있는 플러터 패키지입니다.

AndroidiOSWebmacOSWindowsLinux
30일 다운로드
40
좋아요
29
Pub 점수
130

패키지 설치

flutter pub add 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

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 개

소스 저장소

이 패키지를 사용하는 프로젝트

아직 데이터가 없습니다.