Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
FlutterFire - Firebase-Plugins-for-Flutter
Search
Firebase Thailand
November 09, 2019
Technology
0
430
FlutterFire - Firebase-Plugins-for-Flutter
Get to know how to enable Flutter apps to use one or more Firebase services.
Firebase Thailand
November 09, 2019
Tweet
Share
More Decks by Firebase Thailand
See All by Firebase Thailand
What's New in Firebase 2024
firebasethailand
1
200
Adding New Capabilities to Your Apps with Firebase and Gemini API
firebasethailand
1
180
Say Hello to Cloud Functions for Firebase 2nd Gen
firebasethailand
1
370
What's New in Firebase 2023
firebasethailand
3
570
Building a more Efficient Firestore Web App
firebasethailand
1
180
Developing with Firebase - Best Practices
firebasethailand
0
170
Analyze your production issue on Firebase Crashlytics more efficient with BigQuery
firebasethailand
0
360
What I learn from Firebase when build Saifah
firebasethailand
0
130
Security Rules Unit Testing Pipeline Integration for Firestore
firebasethailand
0
120
Other Decks in Technology
See All in Technology
生成AI “再”入門 2025年春@WIRED TUESDAY EDITOR'S LOUNGE
kajikent
0
120
あなたが人生で成功するための5つの普遍的法則 #jawsug #jawsdays2025 / 20250301 HEROZ
yoshidashingo
2
310
ABWG2024採択者が語るエンジニアとしての自分自身の見つけ方〜発信して、つながって、世界を広げていく〜
maimyyym
1
180
Aurora PostgreSQLがCloudWatch Logsに 出力するログの課金を削減してみる #jawsdays2025
non97
1
220
php-conference-nagoya-2025
fuwasegu
0
150
NFV基盤のOpenStack更新 ~9世代バージョンアップへの挑戦~
vtj
0
360
依存パッケージの更新はコツコツが勝つコツ! / phpcon_nagoya2025
blue_goheimochi
3
220
LINEギフトにおけるバックエンド開発
lycorptech_jp
PRO
0
300
Pwned Labsのすゝめ
ken5scal
2
450
事業モメンタムを生み出すプロダクト開発
macchiitaka
0
100
Visualize, Visualize, Visualize and rclone
tomoaki0705
9
83k
Active Directory攻防
cryptopeg
PRO
8
5.5k
Featured
See All Featured
The Cult of Friendly URLs
andyhume
78
6.2k
Why Our Code Smells
bkeepers
PRO
336
57k
Docker and Python
trallard
44
3.3k
The World Runs on Bad Software
bkeepers
PRO
67
11k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
Speed Design
sergeychernyshev
27
810
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
650
The Invisible Side of Design
smashingmag
299
50k
YesSQL, Process and Tooling at Scale
rocio
172
14k
Building an army of robots
kneath
303
45k
Designing for Performance
lara
604
68k
Unsuck your backbone
ammeep
669
57k
Transcript
GDG Thailand Firebase Thailand Organized by FlutterFire: Firebase Plugins for
Flutter Tanitpon Paniwan GDG Thailand
#FirebaseDevDay
#FirebaseDevDay
#FirebaseDevDay
Everything is Widget Scaffold() AppBar() FloatingAction Button() Text() Column() Icon()
#FirebaseDevDay
#FirebaseDevDay
https://flutter.dev/showcase
#FirebaseDevDay FlutterFire
A Set of Flutter plugins that enable Flutter apps to
user one or more Firebase Services. Improve Grow Build
None
https://github.com/FirebaseExtended/flutterfire
#FirebaseDevDay Superstar of Firebase
#FirebaseDevDay ML Kit Supported Not supported yet
#FirebaseDevDay Crashlytics
#FirebaseDevDay Performance Monitoring
#FirebaseDevDay Remote Config
#FirebaseDevDay In-App Messaging
#FirebaseDevDay Cloud Messaging
#FirebaseDevDay Google Analytics
#FirebaseDevDay FlutterFire
#FirebaseDevDay LIVE CODE
#FirebaseDevDay
#FirebaseDevDay
#FirebaseDevDay 1. Image Picker 2. ML KIT 3. Cloud Storage
4. Cloud Firestore 5. Google Map (Cloud Functions)
#FirebaseDevDay Before Start
#FirebaseDevDay pubspec.yaml firebase_ml_vision ML Kit firebase_storage Cloud Storage cloud_firestore Cloud
Firestore image_picker Image Picker google_map_flutter Google Map Flutter
#FirebaseDevDay main.dart detail.dart Page setup
#FirebaseDevDay Setup Firebase Setup GoogleMap Config setup
#FirebaseDevDay child children Widget knowledge setup (1)
#FirebaseDevDay stateless stateful Widget knowledge setup (2)
#FirebaseDevDay Let’s Start
1. Image Picker 2. ML KIT 3. Cloud Storage 4.
Cloud Firestore 5. Google Map
#FirebaseDevDay 1. Image Picker 1. Pick image from gallery 2.
Show image in new page
1. Image Picker 2. ML KIT 3. Cloud Storage 4.
Cloud Firestore 5. Google Map
#FirebaseDevDay 2. ML KIT Show detail in Label Detection
1. Image Picker 2. ML KIT 3. Cloud Storage 4.
Cloud Firestore 5. Google Map
#FirebaseDevDay 3. Cloud Storage 1. Upload image to Firestore 2.
Get Download URL, Storage Location (For Vision API)
1. Image Picker 2. ML KIT 3. Cloud Storage 4.
Cloud Firestore 5. Google Map
#FirebaseDevDay 4. Cloud Firestore 1. Add Download URL, Storage Location,
Label Result To Firestore 2. Get data from Firestore to ListView
1. Image Picker 2. ML KIT 3. Cloud Storage 4.
Cloud Firestore 5. Google Map
#FirebaseDevDay 5. Google Map (Cloud Functions) Landmark Detection Write result
to Firestore Detect new data from Firestore [onCreate]
#FirebaseDevDay 5. Google Map (Cloud Functions) Add GoogleMap with Landmark
Location Not supported yet
#FirebaseDevDay Github Repo https://github.com/mikelopster/flutterfire-example
https://codelabs.developers.google.com/?cat=Flutter
https://flutter-widget-livebook.blankapp.org/
FB Group : Thailand Flutter Developer
Thank You! #FirebaseDevDay Helpful resources fb.com/FirebaseThailand fb.com/groups/FirebaseDevTH medium.com/FirebaseThailand Tanitphon Paniwan