搜索插件、代码仓与 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.

所属分类

源码仓库

使用此插件的项目

暂无相关数据。