🔖

Flutter Packages catalog

2022/08/09に公開

これは何か

個人的に気になった、プロダクトで使えそうなPackageをまとめるための記事です。
利用したことのないPackageも多いので変に依存関係を作るより自分で実装した方が良いものもあるかもしれません。

他に便利なPackageなどありましたら是非教えていただきたいです

Chat系

flutter_chat_ui


https://pub.dev/packages/flutter_chat_ui
結構綺麗なUIなのでチャット機能が欲しいけど、あまりUIカスタマイズしなくて良い感じなら実装工数が大きく減りそう

dash_chat


https://pub.dev/packages/dash_chat
使ったことはない。ChatBot的なものを実装するときに便利かも

Loading

shimmer


https://pub.dev/packages/shimmer

Setting

settings_ui


https://pub.dev/packages/settings_ui

Tutorial

showcaseview


https://pub.dev/packages/showcaseview

tutorial


https://pub.dev/packages/tutorial

flutter_sliding_tutorial


https://pub.dev/packages/flutter_sliding_tutorial

tutorial_coach_mark


https://pub.dev/packages/tutorial_coach_mark

Calender

syncfusion_flutter_calendar


https://pub.dev/packages/syncfusion_flutter_calendar
GoogleCalenderっぽいUI。UIカスタマイズが不要であればかなり便利そう

table_calendar


https://pub.dev/packages/table_calendar

flex_color_scheme


https://pub.dev/packages/flex_color_scheme

Map

google_maps_flutter

https://pub.dev/packages/google_maps_flutter

flutter_polyline_points


https://pub.dev/packages/flutter_polyline_points

location

https://pub.dev/packages/location
現在地を取得する

Toast

flutter_toast

chucker_flutter


https://pub.dev/packages/chucker_flutter

Stepper

awesome_stepper


https://pub.dev/packages/awesome_stepper

timelines


https://pub.dev/packages/timelines

progress_stepper


https://pub.dev/packages/progress_stepper

shrink_sidemenu


https://pub.dev/packages/shrink_sidemenu

UIテーマ系

glassmorphism


https://pub.dev/packages/glassmorphism

flutter_neumorphic


https://pub.dev/packages/flutter_neumorphic

getwidget

https://pub.dev/packages/getwidget
ほとんどのUIパーツを実装してくれている

velocity_x


https://pub.dev/packages/velocity_x
ほとんどのUIパーツを実装してくれている

UIパーツ系

marquee

https://pub.dev/packages/marquee
文字がオーバーフローした時に右から左に自動でスクロールされるUIを実装できます

sliding_up_panel


https://pub.dev/packages/sliding_up_panel

story_time


https://pub.dev/packages/story_time
InstagramのストーリーUIを実装できる

neon_circular_timer


https://pub.dev/packages/neon_circular_timer


https://pub.dev/packages/carousel_slider

flutter_swiper


https://pub.dev/packages/flutter_swiper

liquid_swipe


https://pub.dev/packages/liquid_swipe

badges


https://pub.dev/packages/badges

flutter_easyloading


https://pub.dev/packages/flutter_easyloading

flutter_blurhash


https://pub.dev/packages/flutter_blurhash
画像にモザイク処理をしてくれる

syncfusion_flutter_charts


https://pub.dev/packages/syncfusion_flutter_charts


https://pub.dev/packages/dropdown_search

upgrader


https://pub.dev/packages/upgrader

slimy_card


https://pub.dev/packages/slimy_card

syncfusion_flutter_sliders


https://pub.dev/packages/syncfusion_flutter_sliders

readmore


https://pub.dev/packages/readmore

flutter_quill


https://pub.dev/packages/flutter_quill

flutter_tags


https://pub.dev/packages/flutter_tags

API系

graphql_flutter

https://pub.dev/packages/graphql_flutter#graphql-provider
GraphQL Clientの実装

graphql_codegen

flutter_stripe


https://pub.dev/packages/flutter_stripe
StripeのSDK。もしカード決済が使えるようなプロダクトであれば使うであろうパッケージ

in_app_purchase


https://pub.dev/packages/in_app_purchase
ネイティブな購入機能をよびだす

sentry_flutter

https://pub.dev/packages/sentry_flutter

googleapis

https://pub.dev/packages/googleapis

Auth系

supabase_auth_ui

https://pub.dev/packages/supabase_auth_ui
Supabase触ってみたいのでその際には使いそう

flutterfire_ui

https://pub.dev/packages/flutterfire_ui
Firebase Authentication用のUI

状態管理系

riverpod

hooks_riverpod

開発

styled_widget

Icon(OMIcons.home, color: Colors.white)
  .padding(all: 10)
  .decorated(color: Color(0xff7AC1E7), shape: BoxShape.circle)
  .padding(all: 15)
  .decorated(color: Color(0xffE8F2F7), shape: BoxShape.circle)
  .padding(all: 20)

https://pub.dev/packages/styled_widget

Discussion