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

splash_route 표지
패키지 상세v0.0.2

splash_route

단순히 멋진 애니메이션을 가진 경로입니다. 다른 페이지로 이동할 때 스플래시 애니메이션을 보여주기 위해 사용됩니다.

AndroidiOSWebmacOSWindowsLinux
30일 다운로드
49
좋아요
16
Pub 점수
140

패키지 설치

flutter pub add splash_route

패키지 개요

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

SplashRoute는 네비게이션 전환 중 부드러운 애니메이션을 제공하는 시각적으로 매력적인 스플래시 화면을 제공하는 Flutter 패키지입니다. 다른 페이지로 이동하기 전에 애니메이션된 스플래시 화면을 표시하는 과정을 단순화하여 최소한의 설정으로 사용자 경험을 향상시킵니다. 복잡한 커스텀 코드 없이 세련된 온보딩 또는 로딩 경험을 추가하고 싶은 앱에 이상적입니다. 이 패키지는 Android, iOS, Web, macOS, Windows, Linux 등 여러 플랫폼을 지원하며 장치 간 일관된 동작을 보장합니다.

사용 사례

  • 온보딩 화면
  • 앱 시작 애니메이션
  • 로딩 상태 전이
  • 페이지 탐색 미리보기
  • 브랜딩 소개

주요 기능

  • 부드러운 스플래시 애니메이션
  • 기존 루트와의 간편한 통합
  • 크로스 플랫폼 호환성
  • 필수 최소 구성
  • 사용자 지정 가능한 애니메이션 지속 시간

적합한 대상

  • 모바일 앱 개발자
  • 웹 애플리케이션 제작자
  • 애니메이션 향상을 원하는 UI/UX 디자이너
  • 사용자 경험을 우선시하는 개발자
  • 간단하면서도 우아한 스플래시 화면이 필요한 프로젝트

고려 사항

  • 기본 스플래시 애니메이션에 제한됨
  • 고급 사용자 정의 옵션이 없습니다
  • Flutter의 애니메이션 프레임워크에 의존합니다
  • 복잡한 상호작용 스플래시 화면에 적합하지 않습니다
  • Flutter 라우팅 기본 사항을 이해해야 합니다

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

Splash Route

It is just a route with fancy animation. It is used to show the splash animation while navigating to another page.



Demo

Installation

Add splash_route: ^0.0.2 to your pubspec.yaml dependecies. And import it:

import 'package:splash_route/splash_route.dart';

How to use

Simply add a SplashRoute as route inside a Navigator with required params.

  void _goToNextPage(
    BuildContext context,
    FractionalOffset position,
    Color splashColor,
    Duration duration,
  ) {
    Navigator.of(context).push(
      SplashRoute(
        targetPage: TargetPage(
          appBarColor: splashColor,
        ),
        splashColor: splashColor,
        startFractionalOffset: position,
        transitionDuration: duration,
      ),
    );
  }

카테고리

소스 저장소

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

아직 데이터가 없습니다.