Front-End/Flutter

[Flutter] 유용한 패키지

Voyage_dev 2023. 12. 23. 14:26

 

 

photo_view

https://pub.dev/packages/photo_view

  • Pinch 제스쳐라고 해서 손가락 두개 이용해서 사진을 줌인
  • 기본적인 갤러리, 캐러셀 UI도 쉽게 쓸 수 있게 제공

simple_animations

https://pub.dev/packages/simple_animations

(예시) https://github.com/felixblaschke/simple_animations/blob/main/example/example.md#stateless-animation

  • 플러터에서 기본 기능만으로 애니메이션을 만들려면
  • 대부분 StatefulWidget, Animation, Tween, Controller가 필요
  • 이거 다 해결할 수 있는 패키지

flutter_launcher_icons

https://pub.dev/packages/flutter_launcher_icons

  • 설치했을 때 뜨는 앱 런처 아이콘을 바꾸고 싶으면 사이즈별로 준비해야하는데
  • 귀찮으면 터미널 명령어로 한 번에 생성
  • 저 패키지 설치하고 큰 아이콘용 파일하나 준비하고 터미널 명령어 입력하면 끝

get

https://pub.dev/packages/get

플러터 문법을 사진처럼 매우 쉽게 바꿔줍니다.

  • 페이지 네비게이션 쉬워짐
  • 다이얼로그, 스낵바 띄우는거 짧아짐
  • Provider 기능도 약간 더 쉬움
  • shared_preference 기능도 쉬움
  • 간단한 번역기능
  • 유저가 입력한 데이터 validation 쉬워짐

shimmer

https://pub.dev/packages/shimmer

 

  • shimmer 이펙트 넣을 수 있다.

flutter_staggered_grid_view

https://pub.dev/packages/flutter_staggered_grid_view

 

  • 사이즈가 다양한 GridView 만들고 싶으면
  • SliverGrid로는 못씀

lottie

https://pub.dev/packages/lottie

(예시) https://xvrh.github.io/lottie-flutter-web/#/

  • Adobe After Effects 애니메이션을 json 파일로 내보낼 수 있는데 그걸 플러터에서 재생해주는 패키지

pull_to_refresh

https://pub.dev/packages/pull_to_refresh

  • 위로 아래로 당기면 코드실행해주는 위젯을 제공

fl_chart

https://pub.dev/packages/fl_chart

flutter_background_geolocation

https://pub.dev/packages/flutter_background_geolocation

  • 폰이 대기상태일 때도 백그라운드에서 계속 위치를 추적해주는 패키지
  • 유료

font_awesome_flutter

https://pub.dev/packages/font_awesome_flutter

  • 유명한 Font Awesome 5버전 아이콘들을 사용

flutter_secure_storage

https://pub.dev/packages/flutter_secure_storage

  • shared_preference와 동일한데 암호화해서 저장
  • 민감한 정보를 (인증정보 등) 안전하게 저장하고 싶으면 사용