How to build native-experience with cross-platform

GDG Bangkok DevFest 2022

Transcript

1. Bangkok Kajornsak Peerapathananont Senior iOS Developer Speaker Image Placeholder How to build native-experience with cross-platform
2. Cross-platform trade offs
3. Write once, run anywhere
5. Native features
6. Hardware
7. Hardware-related features 1. Camera 2. Location access (GPS) 3. Biometrics 4. NFC
8. Flutter app Plugins iOS Android etc.
9. iOS
10. Widgets
12. home_widget - Widget part is native - Shared data via Flutter
13. Trackpad
15. Dynamic island
18. Android
19. Widgets
20. home_widget - Widget part is native - Shared data via Flutter
21. Material You (Material 3)
23. Hardware-related features 1. Camera 2. Location access (GPS) 3. Biometrics 4. NFC
24. Flutter app Plugins iOS Android etc.
25. Mimic features
26. Cupertino
28. CupertinoDatePicker
30. Scrollbar
32. Scribble
34. #pragma mark UIIndirectScribbleInteractionDelegate - (BOOL)indirectScribbleInteraction:(UIIndirectScribbleInteraction*)interaction isElementFocused:(UIScribbleElementIdentifier)elementIdentifier API_AVAILABLE(ios(14.0)) { return _activeView.scribbleFocusStatus == FlutterScribbleFocusStatusFocused; } - (void)indirectScribbleInteraction:(UIIndirectScribbleInteraction*)interaction focusElementIfNeeded:(UIScribbleElementIdentifier)elementIdentifier referencePoint:(CGPoint)focusReferencePoint completion:(void (^)(UIResponder<UITextInput>* focusedInput))completion API_AVAILABLE(ios(14.0)) { _activeView.scribbleFocusStatus = FlutterScribbleFocusStatusFocusing; [_indirectScribbleDelegate flutterTextInputPlugin:self focusElement:elementIdentifier atPoint:focusReferencePoint result:^(id _Nullable result) { _activeView.scribbleFocusStatus = FlutterScribbleFocusStatusFocused; completion(_activeView); }]; } - (BOOL)indirectScribbleInteraction:(UIIndirectScribbleInteraction*)interaction shouldDelayFocusForElement:(UIScribbleElementIdentifier)elementIdentifier API_AVAILABLE(ios(14.0)) { return NO; } - (void)indirectScribbleInteraction:(UIIndirectScribbleInteraction*)interaction willBeginWritingInElement:(UIScribbleElementIdentifier)elementIdentifier API_AVAILABLE(ios(14.0)) { } - (void)indirectScribbleInteraction:(UIIndirectScribbleInteraction*)interaction didFinishWritingInElement:(UIScribbleElementIdentifier)elementIdentifier API_AVAILABLE(ios(14.0)) { }
35. Quiz time
37. Demo time
38. Small announcements
39. 32-bit devices are not supported
40. Minimum iOS version is iOS 11
41. flutter.dev