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

flutter_tilt 표지
패키지 상세v4.1.0

flutter_tilt

Flutter에 기울기 파라랄랙스 호버 효과를 쉽게 적용할 수 있으며, 기울기, 빛, 그림자 효과, 자이로스코프 센서 및 여러 사용자 정의 매개변수를 지원합니다.

AndroidiOSWebmacOSWindowsLinux
30일 다운로드
1.5만
좋아요
372
Pub 점수
160

패키지 설치

flutter pub add flutter_tilt

패키지 개요

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

Flutter Tilt는 개발자가 쉽게 기울기 파라락스 효과를 구현할 수 있도록 도와주는 Flutter 패키지입니다. 호버 상호작용, 조명, 그림자, 여러 플랫폼에서의 자이로스코프 통합을 지원합니다. 기울기 반응성, 그림자 깊이, 시각 스타일을 세밀하게 조정할 수 있는 사용자 정의 가능한 매개변수를 제공하여 몰입감 있고 동적인 사용자 인터페이스를 만들기에 적합합니다. 이 패키지는 Android, iOS, Web, macOS, Windows, Linux에서 원활하게 작동하며 미세한 3D 움직임 효과를 통해 UI 참여도를 높입니다.

사용 사례

  • 인터랙티브 카드 디자인 만들기
  • 버튼과 이미지에 호버 효과 추가하기
  • 전자상거래 앱에서 제품 전시 향상
  • 매력적인 랜딩 페이지 만들기
  • 모션을 사용한 반응형 UI 요소 구현
  • 물리적 객체 행동 시뮬레이션

주요 기능

  • 기울기 및 파라럭스 효과
  • 자이로스코프 센서 지원
  • 사용자 정의 가능한 그림자 및 조명 효과
  • 크로스 플랫폼 호환성
  • 기울기 감도에 대한 세밀한 제어
  • 부드러운 애니메이션 전환

적합한 대상

  • 동적 효과를 찾는 UI 디자이너
  • 인터랙티브 프로토타입을 구축하는 개발자
  • 전자상거래 및 포트폴리오 애플리케이션
  • 몰입형 사용자 경험을 요구하는 앱
  • 다중 플랫폼 배포를 목표로 하는 팀

고려 사항

  • 저사양 기기에서 성능에 영향을 줄 수 있습니다
  • 자연스러운 느낌을 위해 신중한 튜닝이 필요합니다
  • 시각적 개선에 국한되며 기능 로직은 포함되지 않음
  • 접근성 핵심 구성 요소에 적합하지 않습니다
  • 전체 기능을 위해 장치 센서에 의존합니다

원본 README

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

GitHub stars Pub.dev likes

📓 Documentation: English | 中文
🎁 Check out the Live Demo.
💡 See the Migration Guides to learn how to migrate between breaking changes.



Flutter Tilt
stable package dev package

pub downloads pub points CodeFactor codecov license

Easily apply tilt parallax hover effects for Flutter!


Example Preview GIF - Parallax image
Example Preview GIF - Layout
Example Preview GIF - TiltAnimatedBuilder
Example Preview GIF - Layout
Check out the Live Demo.


Features ✨

  • 👀 Tilt & parallax effects
  • 🎨 Simulated light & shadow effects
  • 📱 Gyroscope sensor support (Sensor compatibility)
  • 🧱 Multiple layouts
  • 👇 Supports hover, touch, and sensors events (Gesture priority)
  • 🖼️ Smooth animation
  • ⚙️ Many custom parameters

Documentation 📓

Contributors ✨

See graphs/contributors for more details.
Contributions of any kind are welcome! (emoji key)

AmosHuKe
AmosHuKe
💻  👀  📖  💡  ⚠️  🚧  🎨  🤔  💬 

LOCKEDFILE
LOCKEDFILE
🐛
aytunc
aytunch
🤔

License 📄

MIT License
Open sourced under the MIT license.

© AmosHuKe

카테고리

의존성

의존성 목록 1 개

소스 저장소

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