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
What's new in Flutter 2020
Search
Kajornsak Peerapathananont
October 10, 2020
Technology
0
53
What's new in Flutter 2020
Kajornsak Peerapathananont
October 10, 2020
Tweet
Share
More Decks by Kajornsak Peerapathananont
See All by Kajornsak Peerapathananont
Understanding your Android build
kajornsakp
0
29
iOSDevTH #21
kajornsakp
0
35
What's new in Flutter (Google I/O Extended Bangkok 22)
kajornsakp
0
52
Mobile Design System at scale
kajornsakp
0
75
Mobile Machine Learning for All Skill Levels
kajornsakp
0
26
What's new in Flutter 1.9
kajornsakp
0
47
Kotlin meets Web
kajornsakp
0
19
From design to develop with Material Components
kajornsakp
0
130
ML Kit : Face contour detection
kajornsakp
0
30
Other Decks in Technology
See All in Technology
サーバーレスアーキテクチャと生成AIの融合 / Serverless Meets Generative AI
_kensh
12
3k
関東Kaggler会LT: 人狼コンペとLLM量子化について
nejumi
3
460
Kubernetes x k6 で負荷試験基盤を開発して 負荷試験を民主化した話 / Kubernetes x k6
sansan_randd
2
730
インフラをつくるとはどういうことなのか、 あるいはPlatform Engineeringについて
nwiizo
5
2.1k
Building Products in the LLM Era
ymatsuwitter
10
4.4k
管理者しか知らないOutlookの裏側のAIを覗く#AzureTravelers
hirotomotaguchi
2
240
PL900試験から学ぶ Power Platform 基礎知識講座
kumikeyy
0
110
データ資産をシームレスに伝達するためのイベント駆動型アーキテクチャ
kakehashi
PRO
2
230
自動テストの世界に、この5年間で起きたこと
autifyhq
10
7.1k
飲食店予約台帳を支えるインタラクティブ UI 設計と実装
siropaca
6
1.4k
FastConnect の冗長性
ocise
1
9.6k
株式会社EventHub・エンジニア採用資料
eventhub
0
4.2k
Featured
See All Featured
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Unsuck your backbone
ammeep
669
57k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
Facilitating Awesome Meetings
lara
51
6.2k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
20
2.4k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Building Adaptive Systems
keathley
40
2.4k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.8k
Being A Developer After 40
akosma
89
590k
Designing for Performance
lara
604
68k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
8
270
Transcript
Kajornsak Peerapathananont Mobile Developer / Agoda What’s new in Flutter
2020
Flutter Day
Flutter x Codepen
https://codepen.io/pen/editor/flutter
DevTools
https://flutter.dev/devtools/overview
Null-Safety Dart
https://dart.dev/null-safety http://nullsafety.dartpad.dev Without Null-safety With Null-safety Technical preview!
Flutter 1.17
Performance Improvement - Faster navigation - Less memory consumption -
Faster rendering with Metal(iOS)
DatePicker NavigationRail ref: https://medium.com/flutter/announcing-flutter-1-17-4182d8af7f8e
iOS Text Selection Android Text Selection ref: https://medium.com/flutter/announcing-flutter-1-17-4182d8af7f8e
And more! - TextTheme updates - Google Fonts - Android
fast start - New project with AndroidX
Flutter 1.20
Performance improvements - Icons tree shaking - Default tree shaking
for non-web - Dart 2.9 improvements (UTF decoding) - SkSL improvements
Skia Shader Language (SkSL) - Reduce compilation jank - pre-compiled
SkSL flutter run --profile --cache-sksl
https://flutter.dev/docs/perf/rendering/shader
- InteractiveViewer - Updated Draggable - Updated Slider, Picker More
Widgets!
Flutter 1.22
iOS 14 Support - Default template with iOS 9.0 -
iOS 14 Clipboard notifications - CupertinoIcons 1.0 with SF Symbols - App Clips support ref: https://flutter.dev/docs/development/ios-14
Android 11 Support - Notch, Punch hole, Waterfall edges support
- Android 11 keyboard - Android v2 API ref: https://flutter.dev/docs/development/ios-14 ref: https://flutter.dev/docs/development/platform-integration/ios-app-clip
ref: https://medium.com/flutter/announcing-flutter-1-22-44f146009e5f
None
None
Updated libraries - PlatformViews (Google Maps, WebView) - Navigator 2.0
- App size analysis tool (--analyze-size) - (Preview) Android State Restoration - (Preview) Frequencies synchronization - (Dart) Unified dart CLI
ref: https://medium.com/flutter/announcing-flutter-1-22-44f146009e5f flutter build apk --analyze-size
None
Web support
Beta channel - CanvasKit - Accessibility
- Change Skia backend from DomCanvas to WebAssembly CanvasKit flutter
run -d chrome --release --dart-define=FLUTTER_WEB_USE_SKIA=true
- RenderObject tree (Widget tree) - SemanticsNode tree (Semantics tree)
Accessibility
None
Desktop support
flutter channel dev flutter upgrade flutter config --enable-<platform>-desktop flutter config
--enable-windows-desktop flutter config --enable-macos-desktop flutter config --enable-linux-desktop
None
FlutterFire
https://firebase.flutter.dev
None
Google Pay
ref: https://developers.googleblog.com/2020/09/google-pay-picks-flutter-to-drive-its.html
Rive
None
None
None
Enjoy Flutter!