搜尋套件、儲存庫與 APP 分類

套件詳情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.

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。