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

パッケージ詳細v0.0.7

animate_routes

animate_routes は、画面間を移動する際にいくつかのクールなアニメーション遷移を提供するミニマルなライブラリです。

30日間ダウンロード
68
いいね数
26
Pub ポイント
70

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

flutter pub add animate_routes

パッケージ概要

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

animate_routes は、カスタマイズ可能なアニメーションを使用してスムーズで視覚的に魅力的な画面遷移を可能にする軽量な Flutter パッケージです。シンプルさを重視しており、ルート間のナビゲーション時にエントリーやエグジットアニメーションを簡単に追加できます。複雑なセットアップを必要とせず、既存の Flutter アプリにシームレスに統合できます。スライド、フェード、スケール効果などの一般的なアニメーションタイプをサポートし、滑らかなナビゲーションによりユーザー体験を向上させます。最小限の努力で UI の仕上げを高めたいアプリに最適です。

用途

  • モバイルアプリにアニメーション画面遷移を追加する
  • ナビゲーション中の視覚フィードバックによりユーザー体験を向上させる
  • 洗練されたオンボーディングフローの作成
  • 最小限のコードでカスタムルートアニメーションを実装する
  • 繊細なモーション効果でアプリの美しさを向上させる

主な機能

  • ミニマリストな API デザイン
  • 複数のアニメーションタイプ(スライド、フェード、スケール)をサポートしています
  • MaterialApp や Navigator との簡単な統合
  • カスタマイズ可能なアニメーションの期間とカーブ
  • 軽量で依存関係なし

適している対象

  • Flutter 初心者がアニメーションを探求しています
  • 迅速なUI向上を求める開発者
  • オンボーディングまたはチュートリアル画面を持つアプリ
  • モーションを通じたユーザー参加を重視したプロジェクト
  • クリーンで保守しやすいコードを重視するチーム

注意事項

  • 基本的なアニメーションタイプに限定
  • 複雑なカスタムアニメーションに対する組み込みのサポートなし
  • 高度な効果を実現するには、追加のスタイル設定が必要になる場合があります
  • 非常に動的なまたはデータ駆動型の遷移には適していません
  • 更新のために外部のGitHubリポジトリに依存しています

元の README

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

animate_routes is a minimalist library to provider some cool transition animation when you navigate between the screens ,also provide some shorcuts to navigate easily and you can open the dialog in just three lines of code .

Features

animate_routes isn't a route manger itself is just a hack of productivy . AnimatedRoute allow you to open snackbar, open bottomSheet and dialog easily with less boilerplate .

Getting started

Installing

Add animate_routes to your pubspec.yaml file:

dependencies:
  animate_routes:

Import animate_routes in files that it will be used:

import 'package:animate_routes/animate_routes.dart';

You can use just like this

context.go(AnimateRoute(transition:Transition.downToUp,screen:Home()));
or 
Navigator.of(context).push(AnimateRoute(transition:Transition.downToUp,screen:Home()));

animate_routes provide a cool and easy api to open dialog

with animate_routes is very easi to open and animate dialog with just one line of code

context.openDialog();

or 

context.openDialog(
  transition:TransitionDialog.left,
  title: 'My title',
  content: "My content"
);

Want to contribute to the project? We will be proud to highlight you as one of our collaborators. Here are some points where you can contribute and make animate_routes even better.

  • Helping to add more features
  • Offering PRs for code/tests.
  • Including new functions.

Any contribution is welcome!

カテゴリー

依存関係

依存関係一覧 1 件

ソースリポジトリ

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

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