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

パッケージ詳細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の要件に対応するため、追加のスタイル設定が必要になる場合があります
  • シンプルな達成状況の表示に最適
  • 重いアニメーションやインタラクティブなコンテンツには適していません
  • プラットフォーム固有のトースト動作に依存しています

元の 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);
  }

カテゴリー

ソースリポジトリ

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

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