Upgrade to Pro — share decks privately, control downloads, hide ads and more …

What's new in Flutter 2020

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Kajornsak Peerapathananont Kajornsak Peerapathananont
October 10, 2020
Technology
86
0

What's new in Flutter 2020

Avatar for Kajornsak Peerapathananont

Kajornsak Peerapathananont

October 10, 2020

More Decks by Kajornsak Peerapathananont

See All by Kajornsak Peerapathananont
Full-Stack Development with FlutterFire
Avatar for Kajornsak Peerapathananont kajornsakp
0
26
How to build native-experience with cross-platform
Avatar for Kajornsak Peerapathananont kajornsakp
0
27
Understanding your Android build
Avatar for Kajornsak Peerapathananont kajornsakp
0
55
iOSDevTH #21
Avatar for Kajornsak Peerapathananont kajornsakp
0
64
What's new in Flutter (Google I/O Extended Bangkok 22)
Avatar for Kajornsak Peerapathananont kajornsakp
0
94
Mobile Design System at scale
Avatar for Kajornsak Peerapathananont kajornsakp
0
150
Mobile Machine Learning for All Skill Levels
Avatar for Kajornsak Peerapathananont kajornsakp
0
51
What's new in Flutter 1.9
Avatar for Kajornsak Peerapathananont kajornsakp
0
67
Kotlin meets Web
Avatar for Kajornsak Peerapathananont kajornsakp
0
38

Other Decks in Technology

See All in Technology
Gen3R: 3D Scene Generation Meets Feed-Forward Reconstruction
Avatar for Spatial AI Network spatial_ai_network
0
130
OPENLOGI Company Profile for engineer
Avatar for OPENLOGI hr01
1
74k
「守りたい体験」を渡すだけで E2E を生成させられるようになった話
Avatar for May hinac0
1
650
関数型の考えを TypeScript に持ち込んで、テストしやすい純粋関数を増やす / Pure at the Core, Effects at the Edge: Bringing Functional Thinking into TypeScript
Avatar for 株式会社カミナシ kaminashi
2
130
Terraform共通モジュールをチーム横断で“変えられる”運用へ ― リリースと適用の分離
Avatar for kekke-n kekke_n
1
3.4k
AIレビューはどこまで任せられるのか？自動化と人が背負うレビューの境界
Avatar for SansanTech sansantech
PRO
3
1.1k
End-to-Endで考える信頼性 — LINEアプリにおける クライアント開発×SRE連携の実践
Avatar for maru maruloop
4
4.7k
ZOZOTOWNの進化と信頼性を両立する負荷試験
Avatar for ZOZO Developers zozotech
PRO
2
270
Webアプリ認証の全体像 / The Big Picture of Web App Authentication
Avatar for Kitano Yuichi kitano_yuichi
0
200
10年目を迎えた「ABEMA」がどのように AI 活用を推進して、AI 駆動開発にシフトしているのか / How ABEMA, entering its 10th year, is promoting the use of AI and shifting toward AI-driven development
Avatar for Yusei Yamanaka miyukki
0
290
世界、断片、モデル。そして理解
Avatar for SAKO Hiroshi ardbeg1958
1
130
AI x 開発生産性を取り巻く予算戦略と投資対効果
Avatar for Masato Ishigaki / 石垣雅人 i35_267
1
150

Featured

See All Featured
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
900
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
10k
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
500
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
1
510
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
260
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.4k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
67k
New Earth Scene 8
Avatar for Sydney Stone popppiees
3
2.4k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.6k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
53k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k

Transcript

  1. Kajornsak Peerapathananont Mobile Developer / Agoda What’s new in Flutter

    2020

  2. Flutter Day

  3. Flutter x Codepen

  4. https://codepen.io/pen/editor/flutter

  5. DevTools

  6. https://flutter.dev/devtools/overview

  7. Null-Safety Dart

  8. https://dart.dev/null-safety http://nullsafety.dartpad.dev Without Null-safety With Null-safety Technical preview!

  9. Flutter 1.17

  10. Performance Improvement - Faster navigation - Less memory consumption -

    Faster rendering with Metal(iOS)

  11. DatePicker NavigationRail ref: https://medium.com/flutter/announcing-flutter-1-17-4182d8af7f8e

  12. iOS Text Selection Android Text Selection ref: https://medium.com/flutter/announcing-flutter-1-17-4182d8af7f8e

  13. And more! - TextTheme updates - Google Fonts - Android

    fast start - New project with AndroidX

  14. Flutter 1.20

  15. Performance improvements - Icons tree shaking - Default tree shaking

    for non-web - Dart 2.9 improvements (UTF decoding) - SkSL improvements

  16. Skia Shader Language (SkSL) - Reduce compilation jank - pre-compiled

    SkSL flutter run --profile --cache-sksl

  17. https://flutter.dev/docs/perf/rendering/shader

  18. - InteractiveViewer - Updated Draggable - Updated Slider, Picker More

    Widgets!

  19. Flutter 1.22

  20. 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

  21. 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

  22. ref: https://medium.com/flutter/announcing-flutter-1-22-44f146009e5f

  23. None
  24. None

  25. 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

  26. ref: https://medium.com/flutter/announcing-flutter-1-22-44f146009e5f flutter build apk --analyze-size

  27. None

  28. Web support

  29. Beta channel - CanvasKit - Accessibility

  30. - Change Skia backend from DomCanvas to WebAssembly CanvasKit flutter

    run -d chrome --release --dart-define=FLUTTER_WEB_USE_SKIA=true

  31. - RenderObject tree (Widget tree) - SemanticsNode tree (Semantics tree)

    Accessibility
  32. None

  33. Desktop support

  34. 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
  35. None

  36. FlutterFire

  37. https://firebase.flutter.dev

  38. None

  39. Google Pay

  40. ref: https://developers.googleblog.com/2020/09/google-pay-picks-flutter-to-drive-its.html

  41. Rive

  42. None
  43. None
  44. None

  45. Enjoy Flutter!