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

パッケージ詳細v0.0.15+1

animatedroute

開発者が画面間のアニメーションを可能にするFlutterパッケージ。AndroidおよびiOSの両方で動作します。

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

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

flutter pub add animatedroute

パッケージ概要

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

AnimatedRoute は、アニメーション付きのスムーズでカスタマイズ可能な画面遷移を可能にする Flutter パッケージです。Android および iOS 向けに設計されており、ルート間の入場および退場アニメーションを定義できるため、ナビゲーションに視覚的な魅力を加えるプロセスを簡単にします。複雑なセットアップを必要とせず、既存の Flutter アプリにシームレスに統合できます。一般的なアニメーションタイプをサポートし、タイミング、カーブ、方向を制御するための明確な API を提供しています。滑らかなナビゲーションが重要なアプリでのユーザー体験向上に最適です。

用途

  • アプリオンボーディングフロー
  • ダッシュボード内の画面遷移
  • インタラクティブなナビゲーションパターン
  • 視覚フィードバックによるアプリの洗練度向上
  • アニメーション付きのカスタムページルーティング

主な機能

  • クロスプラットフォーム対応(Android および iOS)
  • アニメーションを定義するためのシンプルな API
  • エントリ/エグジットアニメーションのカスタマイズをサポート
  • 組み込みアニメーションカーブ
  • 軽量で簡単に統合可能

適している対象

  • スムーズなナビゲーションを求める開発者
  • ユーザー体験に焦点を当てたアプリ
  • デザイン駆動型アプリケーション
  • Flutterの初心者がトランジションを学習中
  • 洗練されたルート変更が必要なプロジェクト

注意事項

  • 基本的なアニメーションタイプに限定
  • 複雑なジェスチャーに対する組み込みサポートなし
  • アニメーション状態の手動処理が必要です
  • 非常に動的またはインタラクティブな遷移には適していません
  • 高度なユースケースには追加のコードが必要になる場合があります

元の README

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

animatedroute

Flutter Package

Show some :heart: and star the repo to support the project

Screen Record

Usage

Example

To use this package :

  dependencies:
    flutter:
      sdk: flutter
    animatedroute:
How to use
class ExampleApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.red,
      body: Container(
        child: Center(
          child: RaisedButton(
            onPressed: (){
              Navigator.of(context).push(AnimatedRoute(widget: NextScreen(), curves: Curves.easeInOutCubic, alignment: Alignment.bottomCenter));
            },
          ),
        ),
      ),
    );
  }
}

class NextScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      backgroundColor: Colors.lightBlueAccent,
    );
  }
}
  • widget: This is the screen/widget you would like to navigate to.
  • curves: This is the style of animation you would like to add to your route.
  • alignment: This is the exit and entry direction of your screen/widget
  • seconds: This is the duration of the animation. when null its equals to 1seconds.

Pull Requests

I welcome and encourage all pull requests. It usually will take me within 24-48 hours to respond to any issue or request. Here are some basic rules to follow to ensure timely addition of your request:

  1. Match coding style (braces, spacing, etc.) This is best achieved using Reformat Code feature of Android Studio CMD+Option+L on Mac and CTRL + ALT + L on Linux + Windows .
  2. If its a feature, bugfix, or anything please only change code to what you specify.
  3. Please keep PR titles easy to read and descriptive of changes, this will make them easier to merge :)
  4. Pull requests must be made against develop branch. Any other branch (unless specified by the maintainers) will get rejected.
  5. Check for existing issues first, before filing an issue.
  6. Make sure you follow the set standard as all other projects in this repo do
  7. Have fun!
Created & Maintained By

Babalola Ayotomide
Twitter

License

Copyright 2020 Babalola Ayotomide

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

Getting Started

For help getting started with Flutter, view our online documentation.

カテゴリー

ソースリポジトリ

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

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