위젯 트리에 마운트된 후 콘텐츠를 부드럽게 페이드 인하는 간단한 Flutter 위젯입니다. 복잡한 설정 없이 사용자 경험을 향상시키는 미세한 진입 애니메이션에 이상적입니다. 이 위젯은 자동으로 페이드 인 전환을 처리하여 다양한 UI 요소에 쉽게 적용할 수 있습니다. Android, iOS, Web, macOS, Windows, Linux 등 모든 주요 플랫폼을 지원하며 장치 간 일관된 동작을 보장합니다. 온보딩 화면, 동적 목록 또는 부드러운 등장 효과가 유용한 모든 컴포넌트에 적합합니다.
사용 사례
온보딩 화면
동적 목록 항목 애니메이션
로딩 상태 전이
스플래시 화면 종료
페이지 전환
주요 기능
마운트 시 자동 페이드인
최소 구성
크로스 플랫폼 지원
부드러운 애니메이션
경량 구현
적합한 대상
초보자 플러터 개발자
간단한 UI 개선
성능에 민감한 앱
자주 콘텐츠가 업데이트되는 앱
고려 사항
복잡한 애니메이션에 적합하지 않습니다
제한된 사용자 정의 옵션
역방향 애니메이션을 지원하지 않습니다
단일 요소 페이드에 가장 적합
원본 README
연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.
Flutter Fade-In
Simple Flutter widget to fade-in your widgets once they are mounted.
import'package:flutter_fadein/flutter_fadein.dart';
FadeIn(
child: Text("This will be faded-in!"),
// Optional paramaters
duration: Duration(milliseconds: 250),
delay: Duration(milliseconds: 250)
curve: Curves.easeIn,
)
With Controller
If you need more control over the animation timing, you can use FadeInController:
final controller = FadeInController();
// ...FadeIn(
child: Text("This will be faded-in with a controller"),
controller: controller,
)
// ...
controller.fadeIn();
controller.fadeOut();
Using a controller with not automatically start. You can make it automatically start using FadeInController(autoStart: true).
Note that the delay parameter does not work while using a controller, and will therefore raise an exception.
