Flutter Recap from I/O 2023 + α

日本Androidの会2023年5月定例会(Google I/O 2023関連)の発表資料「Flutter Recap from I/O 2023 + α」です。
#jag2305 #jag #googleio #io2023

Transcript

1. Flutter Recap from I/O 2023 + α
   2023.05.24
   
   
   ਆݪ ݈Ұ (@korodroid)
   ೔ຊAndroidͷձ 2023೥5݄ఆྫձ
   

   View Slide

2. About me
   Kenichi Kambara (@korodroid)
   •Mobile App Development
   
   
   •Speeches (e.g. 14 Int’l/100+ Domestic)
   
   
   •Writings (e.g. 8 Dev Books)
   
   
   •[Of
   fi
   cial] Evangelist at NTT TechnoCross
   
   
   •[Private] iplatform.org
   New
   

   View Slide

3. Recent Activity (Overseas)
   Italy/Singapore/Kenya
   

   (Speech/Panel Discussion/Workshop)
   

   View Slide

4. About my Flutter product (Private works)
   Sekaiphone Pro(Flutter/Kotlin/Swift) MyToDo(Flutter)
   

   View Slide

5. Agenda
   •Flutter Topics from I/O 2023
   
   
   •Flutter 3.10 Summary + α
   Source: Google I/O 2023 Keynote / Developer Keynote / Flutter Session
   
   
   What’s new in Flutter 3.10, Announcing Dart 3(Medium)
   
   
   

   View Slide

6. 
   Flutter Topics from I/O 2023
   Source: What's new in Dart and Flutter
   
   
   

   View Slide

7. Flutter Topics from I/O 2023
   
   

   View Slide

8. Material 3
   
   

   View Slide

9. ColorScheme: seedColor
   
   

   View Slide

10. NavigationBar
    
    M3 version of BottomNavigationBar
    

    View Slide

11. NavigationDrawer
    
    M3 version of Drawer
    

    View Slide

12. SearchBar & SearchAnchor
    
    

    View Slide

13. 
    Secondary TabBar
    
    
    Snack Bar
    
    
    More Updates
    

    View Slide

14. 
    DatePicker
    
    
    TimePicker
    
    
    More Updates
    

    View Slide

15. More Updates
    
    BottomSheet
    
    
    ListTile
    
    
    

    View Slide

16. More Updates
    
    TextField
    
    
    

    View Slide

17. https://
    fl
    utter.github.io/samples/material_3.html
    
    Tips1. Material 3 Demo (Flutter Samples)
    

    View Slide

18. View Slide

19. 
    Tips2. How to support Material 3
    

    View Slide

20. 
    Tips2. How to support Material 3
    

    View Slide

21. iOS/macOS
    
    

    View Slide

22. iOS/macOS
    
    Spellcheck support
    
    
    

    View Slide

23. Wireless Debugging for iOS
    
    ref. Pair a wireless device with Xcode (iOS, tvOS)
    
    
    

    View Slide

24. Flutter supports SLSA level 1
    
    

    View Slide

25. Engine (Impeller<-Skia)
    
    Source: Tour of Impeller - Flutter's new rendering engine
    
    
    

    View Slide

26. Impeller
    
    •iOS
    

    Default renderer (3.10-)
    •Android
    

    Under development
    

    View Slide

27. Dart 3 (Stable Release)
    
    

    View Slide

28. Records
    
    

    View Slide

29. Patterns
    
    

    View Slide

30. 
    Tips3. e.g. Records
    DartPad: https://dartpad.dev
    
    
    

    View Slide

31. Reference
    
    •What's new in Dart and Flutter
    

    https://www.youtube.com/watch?v=yRlwOdCK7Ho
    

    •What’s new in Flutter 3.10
    

    https://medium.com/
    fl
    utter/whats-new-in-
    fl
    utter-3-10-b21db2c38c73
    
    
    •Announcing Dart 3
    

    https://medium.com/dartlang/announcing-dart-3-53f065a10635
    
    
    •Introducing Impeller - Flutter's new rendering engine
    

    https://www.youtube.com/watch?v=vd5NqS01rlA
    

    View Slide

32. Conclusion
    
    •Flutter 3.10Λ׆༻ͯ͠Material 3ରԠ🚀
    

    •Dart 3.0ରԠͰΑΓ҆શ͔ͭߴ͍ੜ࢈ੑΛ🛠
    
    
    •Flutterͷੈք΋Ҿ͖ଓ͖੝Γ্͍͖͛ͯ·͠ΐ͏💪
    

    View Slide

33. Please let me know if you have any requests
    

    such as technical speeches, technical writings and so on.
    
    
    
    
    http://www.linkedin.com/in/korodroid
    Thank you so much
    http://fb.com/kanbara.kenichi
    @korodroid
    

    View Slide