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
360
What's New in Firebase 2023
firebasethailand
3
570
Building a more Efficient Firestore Web App
firebasethailand
1
170
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
OPENLOGI Company Profile
hr01
0
60k
AWS Well-Architected Frameworkで学ぶAmazon ECSのセキュリティ対策
umekou
2
140
依存パッケージの更新はコツコツが勝つコツ! / phpcon_nagoya2025
blue_goheimochi
3
210
4th place solution Eedi - Mining Misconceptions in Mathematics
rist
0
140
開発組織を進化させる!AWSで実践するチームトポロジー
iwamot
1
320
RemoveだらけのPHPUnit 12に備えよう
cocoeyes02
0
270
(機械学習システムでも) SLO から始める信頼性構築 - ゆる SRE#9 2025/02/21
daigo0927
0
260
php-conference-nagoya-2025
fuwasegu
0
150
AIエージェント元年
shukob
0
150
クラウド食堂とは?
hiyanger
0
110
PHPカンファレンス名古屋-テックリードの経験から学んだ設計の教訓
hayatokudou
2
540
ABWG2024採択者が語るエンジニアとしての自分自身の見つけ方〜発信して、つながって、世界を広げていく〜
maimyyym
1
120
Featured
See All Featured
Build your cross-platform service in a week with App Engine
jlugia
229
18k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
How to Ace a Technical Interview
jacobian
276
23k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
21
2.5k
Why Our Code Smells
bkeepers
PRO
336
57k
How STYLIGHT went responsive
nonsquared
98
5.4k
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
Product Roadmaps are Hard
iamctodd
PRO
50
11k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.7k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
4
370
Gamification - CAS2011
davidbonilla
80
5.2k
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