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

패키지 상세v1.0.1

flutterfx_blur_fade

자식 요소를 블러와 페이드 효과를 결합하여 애니메이션하는 Flutter 위젯입니다. FlutterFX 애니메이션 위젯 컬렉션의 일부입니다.

AndroidiOSWebmacOSWindowsLinux
30일 다운로드
34
좋아요
3
Pub 점수
155

패키지 설치

flutter pub add flutterfx_blur_fade

패키지 개요

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

FlutterFX 컬렉션의 Flutter 위젯으로 자식 요소에 부드럽고 결합된 흐림 및 페이드 애니메이션을 적용합니다. 사용자 인터페이스에서 미묘하고 우아한 전환 효과를 만들기에 적합하며, 콘텐츠를 서서히 흐리게 하거나 페이드 인/아웃함으로써 시각적 매력을 높입니다. 유려한 움직임과 깊이가 중요한 현대 앱 디자인에 적합합니다. Android, iOS, Web, macOS, Windows, Linux 등 모든 주요 플랫폼에서 작동합니다.

사용 사례

  • 부드러운 화면 전환 만들기
  • 스플래시 스크린 개선
  • 애니메이션 카드 또는 패널 입구
  • 미세한 효과로 UI 깊이 개선
  • 로딩 상태에 다듬기 추가

주요 기능

  • 결합 블러 및 페이드 애니메이션
  • FlutterFX와의 원활한 통합
  • 크로스 플랫폼 호환성
  • 사용자 정의 애니메이션 지속 시간
  • 모든 자식 위젯을 지원합니다
  • 경량이고 성능이 뛰어남

적합한 대상

  • 정교한 애니메이션을 원하는 UI 디자이너
  • 현대적인 Flutter 앱을 개발하는 개발자
  • 미묘하지만 강력한 전환을 필요로 하는 앱
  • FlutterFX 생태계를 사용하는 프로젝트
  • 고품질 사용자 경험에 집중하는 팀

고려 사항

  • 저사양 기기에서 성능에 영향을 미칠 수 있습니다
  • 애니메이션 매개변수를 신중하게 조정해야 합니다
  • 시각적 혼잡을 피하기 위해 적절히 사용하는 것이 좋습니다
  • 빠른 속도, 고주파 동작에 적합하지 않음
  • FlutterFX 핵심 종속성에 의존합니다

원본 README

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

FlutterFX: A collection of animated effects build with Flutter

Multiple Flutter aniamted effects examples with Flutter.

Each one a building block.

Feel free to use them for your next project.

Star the repo if you find any effect usefull.

📚 View the documentation

Preview

Folder
Folder
Smoke
Smoke
Bookshelf
Bookshelf
Circle Selector
Circle Selector
3D Vinyl
3D Vinyl
BlurFade
BlurFade
Border Beam
Border Beam
Meteors
Meteors
Neon Card
Neon Card
Hyper Text
Hyper Text
Typing Animation
Typing Animation
Rotating Text
Rotating Text
Text Blur
Text Blur
Text Float Blur
Text Float Blur
Text Chaos Blur
Text Chaos Blur
Text Balloon Fizzle
Text Balloon Fizzle
Text Flip
Text Flip
Interactive Globe
Interactive Globe
Celebrate
Celebrate
Tube Light
Tube Light
Life Balance
Life Balance
Avatar Loader
Avatar Loader
Profile Loader
Profile Loader
Animated Grid
Animated Grid
Beam Pattern
Beam Pattern
Ripple Effect
Ripple Effect
Dot Matrix
Dot Matrix
Bottom Sheet
Bottom Sheet
Butterfly Flight
Butterfly Flight
Circular Reveal
Circular Reveal
Transform Guide
Transform Guide
Glowing Bulb
Glowing Bulb
Thread Design
Thread Design
Expand Collapse
Expand Collapse
Beam Burst
Beam Burst
Flickering Cards
Flickering Cards
Dynamic Grid
Dynamic Grid
Gemini Splash
Gemini Splash
Spark Loader
Spark Loader
Blur Grid
Blur Grid
Grid Motion
Grid Motion
Infinite Scroll
Infinite Scroll
3D Scroll
3D Scroll
Interactive Butterfly
Interactive Butterfly
Ticker Effect
Ticker Effect
Night Toggle
Night Toggle
Toast Alert
Toast Alert
Orbit Motion
Orbit Motion
Blur Orbit
Blur Orbit
Star Orbit
Star Orbit
Page Flip
Page Flip
Particle Effect
Particle Effect
GitHub Spark
GitHub Spark
Progress Set 1
Progress Set 1
Progress Set 2
Progress Set 2
Tree Rotation
Tree Rotation
Reveal Effect
Reveal Effect
Scroll Progress
Scroll Progress
Shimmer Button
Shimmer Button
Shining Card
Shining Card
Shader Demo
Shader Demo
Sphere Loader
Sphere Loader
Door Reveal
Door Reveal
Square Loader
Square Loader
Stacked Cards
Stacked Cards
Expandable Stack
Expandable Stack
Text Morph
Text Morph
Path Text
Path Text
Text Spring
Text Spring

Quick Start

  1. Clone this repository
  2. Run flutter pub get
  3. Open the project in your preferred IDE
  4. Run the app on your device or simulator

Documentation

For detailed implementation guides and API references, visit flutterfx.com/docs

Contributing

Found a bug? Have a suggestion? Feel free to open a PR with your improvements!

License

This project is licensed under the MIT License. See the LICENSE file for details.

flutterfx.com

카테고리

소스 저장소

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

아직 데이터가 없습니다.