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
Flutter is the best. Best practices & tools
Search
Pawan Kumar
November 03, 2018
Technology
3
1.1k
Flutter is the best. Best practices & tools
A presentation about the best practices and tools about Flutter - at GDG Kolkata DevFest'18
Pawan Kumar
November 03, 2018
Tweet
Share
More Decks by Pawan Kumar
See All by Pawan Kumar
Flutter apps for everyone
iampawan
1
420
How to create flavors in Android, iOS & Flutter
iampawan
1
630
Become a PRO Flutter Developer
iampawan
3
2.3k
Exploring new possibilities with Flutter for web
iampawan
0
200
Flutter, the future of mobile.
iampawan
3
680
Other Decks in Technology
See All in Technology
「Linux」という言葉が指すもの
sat
PRO
4
140
プラットフォーム転換期におけるGitHub Copilot活用〜Coding agentがそれを加速するか〜 / Leveraging GitHub Copilot During Platform Transition Periods
aeonpeople
1
240
DroidKaigi 2025 Androidエンジニアとしてのキャリア
mhidaka
2
390
20250910_障害注入から効率的復旧へ_カオスエンジニアリング_生成AIで考えるAWS障害対応.pdf
sh_fk2
3
280
複数サービスを支えるマルチテナント型Batch MLプラットフォーム
lycorptech_jp
PRO
1
960
2025/09/16 仕様駆動開発とAI-DLCが導くAI駆動開発の新フェーズ
masahiro_okamura
0
140
20250905_MeetUp_Ito-san_s_presentation.pdf
magicpod
1
100
今日から始めるAWSセキュリティ対策 3ステップでわかる実践ガイド
yoshidatakeshi1994
0
120
OCI Oracle Database Services新機能アップデート(2025/06-2025/08)
oracle4engineer
PRO
0
180
Rustから学ぶ 非同期処理の仕組み
skanehira
1
150
Firestore → Spanner 移行 を成功させた段階的移行プロセス
athug
1
500
Django's GeneratedField by example - DjangoCon US 2025
pauloxnet
0
160
Featured
See All Featured
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.2k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.6k
GraphQLの誤解/rethinking-graphql
sonatard
72
11k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.7k
A better future with KSS
kneath
239
17k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
19k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
31
2.2k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Being A Developer After 40
akosma
90
590k
Transcript
Pawan Kumar, GDE Twitter - @imthepk Youtube – MTechViral Github
- iampawan Kolkata Flutter is the best!! Best Practices & Tools
Disclaimer – I am a Flutter fanboy and a meme
lover. Kolkata
Pichle Episode me aapne dekha… Kolkata
Arya Stark (Pooja Bhaumik) Kolkata
Principle Sir (Dhrumil Shah) Kolkata
Prime Time With Ravish (Raveesh) Kolkata
About me Kolkata
Another Ordinary Software Developer Kolkata
Google Developer Expert Kolkata
Agenda Kolkata
Agenda • Creating first flutter app • Designing the UI
• Best Practices • Tooling Kolkata
Let’s Start Kolkata
None
Flutter The One Kolkata
Everything is a widget
Kolkata
The App is itself a widget.
The App is itself a widget.
Scaffold Introduced
ListView Introduced
Card Introduced
None
Designing UI Kolkata
Hamse na ho Paayega !
See Visualize Code End Designing UI Steps
What do you see here?
Diagram the layout
None
Flutter UI KIT https://github.com/iampawan/Flutter-UI-Kit
Best Practices Kolkata
When you see too much nested code !
Avoid Padding
Use SizedBox
None
Future Builder Widget that builds itself based on the latest
snapshot of interaction with a Future.
SetState() and Rebuild the tree
Stream Builder Widget that builds itself based on the latest
snapshot of interaction with a Stream.
Scales and positions its child within itself according to fit.
Fitted Box
A widget that displays its children in multiple horizontal or
vertical runs. Wrap
A box in which a single widget can be scrolled.
SingleChildScollView
Animations are cool
AnimatedBuilder is useful for more complex widgets that wish to
include an animation as part of a larger build function. To use AnimatedBuilder, simply construct the widget and pass it a builder function. Animated Builder
In the isolate you can perform more CPU intensive processing
(parsing a big JSON, for example), or perform computationally intensive math, such as encryption or signal processing. Use Isolates
“ Make Separate Widgets For Better Control Over the State
“
Tools Kolkata
Json 2 Dart https://javiercbk.github.io/json_to_dart/
Performance Monitoring
Rebuild Indicators
Rebuild Indicators
None
Widget Inspector
Widget Inspector
Dart VM Observatory
- Everyone “With Flutter the only limitation is your own
imagination.”
Links to learn flutter Pawan Kumar • MTechViral YouTube •
iampawan - github • Let's flutter - fb group Google • Flutter.io • Udacity Course • Flutter Codelabs • Boring Development Show Misc. • Awesome Flutter Repo • Udemy Courses • Slack,Gitter, Reddit
Pawan Kumar, GDE Twitter - @imthepk Youtube – MTechViral Github
- iampawan Kolkata Thank you!
- GDG,WTM Kolkata, Pawan Kumar “ Wishing you and your
family a very Happy Diwali”
Q&A Kolkata