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

delayed_display 표지
패키지 상세v2.0.0

delayed_display

지연 후 자식을 표시하고 아름다운 페이드 및 슬라이딩 애니메이션을 제공하는 위젯입니다.

AndroidiOSWebmacOSWindowsLinux
30일 다운로드
1.2만
좋아요
489
Pub 점수
160

패키지 설치

flutter pub add delayed_display

패키지 개요

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

delayed_display 패키지는 부드러운 페이딩 및 슬라이딩 애니메이션을 사용하여 자식 위젯의 표시를 지연시키는 위젯을 제공합니다. Flutter 앱에서 타이밍 기반 시각 효과를 만들기에 적합하며, 미세한 전환을 통해 사용자 경험을 향상시킵니다. 이 위젯은 쉽게 통합할 수 있으며 모바일, 웹, 데스크톱을 포함한 모든 주요 플랫폼을 지원합니다. 사용자 정의 가능한 지연 시간과 애니메이션 곡선을 제공하여 스플래시 화면, 온보딩 시퀀스 또는 어떤 타이밍 기반 콘텐츠 노출이 필요한 상황에도 적합합니다.

사용 사례

  • 온보딩 화면 애니메이션
  • 스플래시 스크린 전환
  • 시간 기반 UI 요소 노출
  • 로딩 상태 표시기
  • 애니메이션 환영 메시지

주요 기능

  • 사용자 정의 지연 기간
  • 부드러운 페이드 및 슬라이드 애니메이션
  • 크로스 플랫폼 지원
  • 간단한 API 통합
  • 사용자 정의 가능한 애니메이션 곡선
  • 널 안전성 지원

적합한 대상

  • 시간 기반 UI 애니메이션을 찾는 개발자
  • 디자이너가 앱 온보딩 개선 중
  • 미세한 시각적 피드백이 필요한 앱
  • 애니메이션 스플래시 화면을 가진 프로젝트
  • Flutter 초보자가 전환을 탐색하고 있습니다

고려 사항

  • 과도하게 사용할 경우 성능에 영향을 줄 수 있습니다
  • 최적의 UX를 위해 신중한 타이밍이 필요합니다
  • 기본 애니메이션 유형에만 제한됨
  • 복잡한 상호작용 시퀀스에 적합하지 않음
  • 애니메이션 동작은 플랫폼 간에 약간 다를 수 있습니다

원본 README

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

delayed_display

A widget that enables you to display a child after a delay and with beautiful fading and sliding animation.

examples

How does it works

All you have to do is to use the widget DelayedDisplay like this for example :

DelayedDisplay(
  delay: Duration(seconds: 1),
  child: Text(
    "Hello",
    style: TextStyle(
      fontWeight: FontWeight.bold,
      fontSize: 35.0,
      color: Colors.white,
    ),
  ),
),

And ... That's all ! It will automatically handle fading and sliding animation and will make the Text appear after 1 second delay.

Let's customize it !

Here are the accepted parameters :

Name Type Usage Required Default Value
child Widget The Widget that needs to appear yes null
delay Duration The duration before showing the widget (and animating it) false null
fadingDuration Duration The duration of the fading animation false const Duration(milliseconds: 800)
slidingCurve Curve The curve of the sliding animation false Curves.decelerate
slidingBeginOffset Offset The offset from where the sliding animation will start false const Offset(0.0, 0.35)

카테고리

소스 저장소

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