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

splash_route のカバー
パッケージ詳細v0.0.2

splash_route

これは、魅力的なアニメーション付きのルートです。別のページに移動する際のスプラッシュアニメーションを表示するために使用されます。

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
49
いいね数
16
Pub ポイント
140

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

flutter pub add splash_route

パッケージ概要

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

SplashRoute は、ナビゲーション遷移中の滑らかなアニメーションを備えた視覚的に魅力的なスプラッシュ画面を提供する Flutter パッケージです。別のページに移動する前にアニメーション付きのスプラッシュ画面を表示するプロセスを簡素化し、最小限のセットアップでユーザー体験を向上させます。複雑なカスタムコードなしに洗練されたオンボーディングまたはロード体験を追加したいアプリに最適です。このパッケージは Android、iOS、Web、macOS、Windows、Linux など複数のプラットフォームをサポートしており、デバイス間で一貫した動作を保証します。

用途

  • オンボーディング画面
  • アプリ起動アニメーション
  • 読み込み状態遷移
  • ページナビゲーションのプレビュー
  • ブランディングの紹介

主な機能

  • スムーズなスプラッシュアニメーション
  • 既存のルートとの簡単な統合
  • クロスプラットフォーム互換性
  • 最小構成が必要
  • カスタマイズ可能なアニメーション期間

適している対象

  • モバイルアプリ開発者
  • Webアプリケーション作成者
  • アニメーションの向上を求めるUI/UXデザイナー
  • ユーザー体験を最優先にする開発者
  • シンプルでありながら洗練されたスプラッシュスクリーンを必要とするプロジェクト

注意事項

  • 基本的なスプラッシュアニメーションに限定
  • 高度なカスタマイズオプションはありません
  • Flutter のアニメーションフレームワークに依存しています
  • 複雑なインタラクティブなスプラッシュ画面には適していません
  • Flutterルーティングの基本を理解している必要があります

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

Splash Route

It is just a route with fancy animation. It is used to show the splash animation while navigating to another page.



Demo

Installation

Add splash_route: ^0.0.2 to your pubspec.yaml dependecies. And import it:

import 'package:splash_route/splash_route.dart';

How to use

Simply add a SplashRoute as route inside a Navigator with required params.

  void _goToNextPage(
    BuildContext context,
    FractionalOffset position,
    Color splashColor,
    Duration duration,
  ) {
    Navigator.of(context).push(
      SplashRoute(
        targetPage: TargetPage(
          appBarColor: splashColor,
        ),
        splashColor: splashColor,
        startFractionalOffset: position,
        transitionDuration: duration,
      ),
    );
  }

カテゴリー

ソースリポジトリ

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

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