What's new in Flutter 2020

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
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
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
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
36. FlutterFire
37. https://firebase.flutter.dev
39. Google Pay
40. ref: https://developers.googleblog.com/2020/09/google-pay-picks-flutter-to-drive-its.html
41. Rive
45. Enjoy Flutter!