패키지, 저장소 및 앱 카테고리 검색

패키지 상세v0.0.15+1

animatedroute

개발자가 화면 간에 애니메이션을 수행할 수 있도록 해주는 플러터 패키지입니다. 안드로이드와 iOS 모두에서 작동합니다.

30일 다운로드
16
좋아요
17
Pub 점수
30

패키지 설치

flutter pub add animatedroute

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

AnimatedRoute는 애니메이션을 사용한 부드럽고 사용자 정의 가능한 화면 전환을 가능하게 하는 Flutter 패키지입니다. 안드로이드 및 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.

카테고리

소스 저장소

이 패키지를 사용하는 프로젝트

아직 데이터가 없습니다.