분류, 패키지 및 저장소 검색

flutter_fader 표지
패키지 상세v2.0.1

flutter_fader

자식 위젯을 페이드 인 및 아웃할 수 있는 플러터 위젯입니다. 페이드 아웃되면 자식 위젯이 트리에서 제거됩니다(상호작용할 수 없습니다)

AndroidiOSWebmacOSWindowsLinux
30일 다운로드
52
좋아요
9
Pub 점수
160

패키지 설치

flutter pub add flutter_fader

패키지 개요

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

Flutter Fader는 자식 위젯을 부드럽게 페이드인 및 페이드아웃하는 가벼운 애니메이션 위젯입니다. 페이드 아웃 시 자식 위젯은 위젯 트리에서 제거되어 상호작용할 수 없게 됩니다. 로딩 인디케이터, 모달 또는 동적 콘텐츠 업데이트와 같은 사용자 인터페이스에서 깔끔하고 반응성 있는 전환 효과를 만들기에 적합합니다. 이 패키지는 Android, iOS, Web, macOS, Windows, Linux 등 모든 주요 플랫폼을 지원하여 크로스플랫폼 애플리케이션에 매우 유연합니다. Flutter의 애니메이션 시스템과 원활하게 통합되며 최소한의 설정만 필요합니다.

사용 사례

  • 로딩 상태 전이
  • 모달 또는 대화 상자 애니메이션
  • 동적 콘텐츠 표시
  • 사용자 인터페이스 피드백
  • 스무스한 화면 요소 변경

주요 기능

  • 부드러운 페이드 인/아웃 애니메이션
  • 페이드 아웃 시 자식을 트리에서 제거합니다
  • 크로스 플랫폼 호환성
  • 최소 구성
  • Flutter와의 원활한 통합
  • 모든 주요 플랫폼을 지원합니다

적합한 대상

  • 간단한 페이드 효과가 필요한 개발자
  • 동적 UI 요소를 가진 앱
  • 크로스 플랫폼 프로젝트
  • UI/UX 개선
  • 가시성 제어가 필요한 인터랙티브 컴포넌트

고려 사항

  • 페이드 아웃 후 자식 위젯이 유지되지 않음
  • 지속적인 UI 요소에 적합하지 않습니다
  • 상태가 있는 컨텍스트에서는 주의 깊게 다뤄야 합니다
  • 페이드 전환만 가능
  • 내장된 역방향 애니메이션 제어 없음

원본 README

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

flutter_fader

pub package codecov style: flutter lints License: MIT

A widget for Flutter that allows you to fade in and out a child widget.
When a widget is faded out it is no longer in the view tree. Meaning that it can't be used or interacted with. Handy for hiding buttons.

Example of fader with buttons Example of fader with scroll

Getting started

In your Flutter project, add the package to your dependencies

dependencies:
  ...
  flutter_fader: ^2.0.0

Usage example

Examples of how to use the widget, and that can also be ran on your device, can be found in the example directory

Import the fader package

import 'package:flutter_fader/flutter_fader.dart';

Create a fader controller, this allows you to control when the Fader fades in or out

FaderController faderController = new FaderController();

Create a fader widget, and pass it the fader controller

Fader(
  controller: faderController,
  duration: const Duration(milliseconds: 50),
  child: Text("Hello, world!"),
)

Now you can fade the child widget in and out at will

faderController.fadeOut();
faderController.fadeIn();

카테고리

소스 저장소

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

아직 데이터가 없습니다.