Flutter Apps on Fuchsia

Transcript

1. Flutter Apps on Fuchsia @kurun_pan

2. @kurun_pan Software Engineer @Sony ♪ This LT and contents are

   a personal activity! ♪ Kurun / くるん About me

3. Research during GW vacation First of all “Running Flutter Apps

   on Fuchsia!”

4. Details about this contents IUUQTNFEJVNDPN!LVSVO@QBOSVOOJ OHGMVUUFSBQQTJOGVDITJBPTPOOVD QMBUGPSNBEFFF IUUQTNFEJVNDPN!LVSVO@QBOIPX UPSVOGMVUUFSBQQTPOGVDITJBPT DBD

5. Fuchsia Overview

6. n Google OSS for IoT n Pink + Purple =

   Fuchsia (a new Operating System) n Support Hardware ü ARM 64bit ü Intel 64bit n Kernel ü Zircon (Micro Kernel based on Little Kernel) n UI ü Flutter ü Scenic (Original Graphics Platform) Fuchsia Overview Zircon targets modern phones and modern personal computers with fast processors, non-trivial amounts of ram with arbitrary peripherals doing open ended computa:on. 3FRVJSF
   NPEFSO
   4P$
   OPU
   FRVBM
   QPPS
   NJDPO Google Nest Hub Google Nest Wifi ← Is this also?

7. Android vs Fuchsia ;JSDPO )BSEXBSF (BSOFU 0UIFS
   QBDLBHFT 5PQB[ 6*
   GSBNFXPSL 6TFS
   "QQT

   -JOVY )BSEXBSF .JEEMFXBSF "OESPJE
   'SBNFXPSL 6TFS
   "QQT 'MVUUFS
   
   %BSU
   SVOUJNF 'MVUUFS
   
   %BSU
   SVOUJNF 6TFSMBOE ,FSOFM "OESPJE 'VDITJB BQL GBS "QQT

8. Fuchsia Graphics Architecture

9. Fuchsia on Real Device

10. Target Hardware Intel NUC7i3BNHXF Preinstall OS: Windows10 64bit Intel NUC7i3BNHXF

    OS: Fuchsia 64bit Intel NUC Mini PC

11. Screenshot of Fuchsia on NUC Bootloader Zirconʼs Shell Graphics Sample

    App (Scenic)

12. From now on, About Flutter

13. Flutter Apps on Fuchsia IUUQTHJUIVCDPNCPZBOqVUUFSUFUSJT Porting to Fuchsia

14. What to do for each Flutter app 1. Modify “import

    path” each source code files. 2. Create analysis_options.yaml 3. Create meta/cmx file. 4. Create BUILD.gn file.

15. 1. Modify import path each source code files Change to

    relative path.

16. 2. Create analysis_options.yaml Required for Fuchsia (Must)

17. 3. Create meta/cmx file Component manifests file (.cmx) is similar

    to Androidʼs manifest file 5IFSF
    BSF
    NBOZ
    PUIFS
    TFSWJDFT
    TVDI
    BT
    LFZCPBSE
    JOQVU
    BOE
    OFUXPSLJOH

18. 4. Create BUILD.gn file Make BUILD.gn file in root of

    project directory. Disable the analysis of Dart codes (The rule of Fuchsia is strict) Package Componentʼs name Specify dependent packages Specify meta file Source code files

19. Summary n Fuchsia OS is too unique to know... n

    To run Flutter apps on Fuchsia is a hassle. I hope that the Flutter SDK will support it soon. n I had a great time studying Fuchsia n To do (Issue) ü I don't know how to use 3rd party library (github) ü Could not display Material Icon

20. Thank you!☺