Tweet
Tweet

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

Flutter Day

Slide 3

Slide 3 text

Flutter x Codepen

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

DevTools

Slide 6

Slide 6 text

https://flutter.dev/devtools/overview

Slide 7

Slide 7 text

Null-Safety Dart

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

Flutter 1.17

Slide 10

Slide 10 text

Performance Improvement - Faster navigation - Less memory consumption - Faster rendering with Metal(iOS)

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

And more! - TextTheme updates - Google Fonts - Android fast start - New project with AndroidX

Slide 14

Slide 14 text

Flutter 1.20

Slide 15

Slide 15 text

Performance improvements - Icons tree shaking - Default tree shaking for non-web - Dart 2.9 improvements (UTF decoding) - SkSL improvements

Slide 16

Slide 16 text

Skia Shader Language (SkSL) - Reduce compilation jank - pre-compiled SkSL flutter run --profile --cache-sksl

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

- InteractiveViewer - Updated Draggable - Updated Slider, Picker More Widgets!

Slide 19

Slide 19 text

Flutter 1.22

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

No content

Slide 28

Slide 28 text

Web support

Slide 29

Slide 29 text

Beta channel - CanvasKit - Accessibility

Slide 30

Slide 30 text

- Change Skia backend from DomCanvas to WebAssembly CanvasKit flutter run -d chrome --release --dart-define=FLUTTER_WEB_USE_SKIA=true

Slide 31

Slide 31 text

- RenderObject tree (Widget tree) - SemanticsNode tree (Semantics tree) Accessibility

Slide 32

Slide 32 text

No content

Slide 33

Slide 33 text

Desktop support

Slide 34

Slide 34 text

flutter channel dev flutter upgrade flutter config --enable--desktop flutter config --enable-windows-desktop flutter config --enable-macos-desktop flutter config --enable-linux-desktop

Slide 35

Slide 35 text

No content

Slide 36

Slide 36 text

FlutterFire

Slide 37

Slide 37 text

https://firebase.flutter.dev

Slide 38

Slide 38 text

No content

Slide 39

Slide 39 text

Google Pay

Slide 40

Slide 40 text

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

Slide 41

Slide 41 text

Rive

Slide 42

Slide 42 text

No content

Slide 43

Slide 43 text

No content

Slide 44

Slide 44 text

No content

Slide 45

Slide 45 text

Enjoy Flutter!