地図のUIで MultiChildRenderObject を自作するハメになった話

Flutter Tokyo #9 の登壇内容

https://flutter-jp.connpass.com/event/359088/

Transcript

1. ௡ాେ࿨
   !;VEBI ஍ਤͷ6*Ͱ
   .VMUJ$IJME3FOEFS0CKFDU
   Λࣗ࡞͢ Δϋϝʹͳͬͨ࿩
2. ࣗݾ঺հ ͮͩ
   w 'MVUUFS
   ͔ΒΤϯδχΞʹͳͬͨਓʢ೥͘Β͍ʣ
   w ࠷ۙϑϦʔϥϯεʹͳͬͨਓ
   ࠷ۙͷϚΠϒʔϜ
   ػಈઓ࢜(VOEBN
   (2VVVVVV9
   ʗ
   ௒Ϋ΢Ψల͍ͬͨ
   ʗ
   ϞϯϋϯϫΠ ϧζͷྺઓηϧϨΪΦεָ͍͠
   ʗ
   ϑΝΠΞʔΤϜϒϨϜΤϯήʔδ
   ʗ
   
   ʹ͔΋ͷ
   ʗ
   4XJUDIམબ
   ʗ
   ϙέϞϯͷΞχϝ໘ന͍
   ʗ
   
   Ψϯμ
3. ௡ాେ࿨
   !;VEBI ஍ਤͷ6*Ͱ
   .VMUJ$IJME3FOEFS0CKFDU
   Λࣗ࡞͢ Δϋϝʹͳͬͨ࿩
4. fl VUUFS@NBQ
   ύοέʔδ w ϚʔΧʔΛ
   8JEHFU
   ͰදࣔͰ͖Δ
5. ௚໘ͨ͠՝୊ w ϚʔΧʔ͕ॏͳͬͯݟͮΒ͍
6. ՝୊ w (PPHMF.BQ
   Έ͍ͨʹ͍ͨ͠
7. ཧ૝  ϚʔΧʔ͕ॏͳ͍ͬͯΔͱɺখؙ͍͞ʹ͢Δ
    খؙ͍͞Ͱ΋ॏͳΔ৔߹͸ɺඇදࣔʹ͢Δ
    খؙ͍͞ಉ࢜͸ɺॏͳͬͯ΋͍͍
    ϚʔΧʔΛɺݻఆαΠζͰѻ͍ͨ͘ͳ͍
8. w ݻఆαΠζʢUJHIU
   ͳ੍໿ʣͰ͸ͳ͘ɺ΢ΟδΣοτΒ͍͠ॊೈͳαΠζ ʢMPPTF
   ͳ੍໿ʣͰௐ੔͍ͨ͠
   w ςΩετͷ௕͞ʹΑͬͯɺϚʔΧʔͷαΠζ͸มΘΔ
   w ը૾ͷΞεϖΫτൺʹґଘͰ͖ͨΓ΋Ͱ͖Δ ݻఆαΠζͰѻ͍ͨ͘ͳ͍
9. 3FOEFS0CKFDU
   ͸
   ࣗ࡞͠ͳ͍ํ͕͍͍
10. 3FOEFS0CKFDU
    ࣗ࡞ͷσϝϦοτ ɾϛϡʔλϒϧͳ஋Λѻ͏ͷͰɺએݴతͰͳ͍
    ɹˠ·ͣ͸ɺطଘͷ΢ΟδΣοτͰରԠ͢Δํ๏Λ໛ࡧ͢Δ΂͖ͱ൑ அɻ
11. ϘπҊᶃ
    (MPCBM,FZ
    ܦ༝ͰαΠζऔಘ ɾඳըޙʹ
    (MPCBM,FZDVSSFOU$POUFYUTJ[F
    Λ࣮ߦ͢Δ͜ͱͰɺαΠ ζΛऔಘͰ͖Δ
    ɾ4J[F$IBOHFE-BZPVU/PUJ fi FS
    ΢ΟδΣοτΛ࢖͑͹ɺαΠζมߋΛ ௨஌Ͱ͖Δ
14. ϘπҊᶃ
    (MPCBM,FZ
    ܦ༝ͰαΠζऔಘ ɾ࠷ॳͷ̍ϑϨʔϜ͸ɺԿ΋දࣔ͞Εͳ͍ঢ়ଶʹͳΔ
    ɾ͔ͳΓίʔυ͕ෳࡶʹͳΔ͜ͱ͕༧૝͞ΕΔ
    ˠͰ͖ͳ͘͸ͳͦ͞͏͚ͩͲɺඍົͳ΢ΟδΣοτʹͳΓͦ͏
15. ϘπҊᶄ
    $VTUPN.VMUJ$IJME-BZPVU w .VMUJ$IJME-BZPVU%FMFHBUF
    ͱ ͍͏ಠࣗΫϥεͰɺෳࡶͳ
    DIJMESFO
    දࣔʹରԠ IUUQTBQJ fl VUUFSEFW fl VUUFSXJEHFUT$VTUPN.VMUJ$IJME-BZPVUDMBTTIUNM
17. ϘπҊᶄ
    $VTUPN.VMUJ$IJME-BZPVU w 0 ff TFUௐ੔͕͜ͷ΢ΟδΣοτͷ伴ͳͷͰɺʮඇදࣔʯͷཁ݅ʹ͸ ରԠ͍ͯ͠ͳ͍
    w ඳըͯ͠αΠζऔಘˠ0 ff TFUௐ੔ͷॱ൪͕ݻఆɺڧ੍͞Ε͍ͯΔ
    w αΠζऔಘͨ࣌͠఺Ͱɺඳը͕֬ఆͯ͠͠·͏
18. 3FOEFS0CKFDU
    Λ
    ࣗ࡞ͨ͠ํ͕͍͍
20. ᶃ
    ͱΓ͋͑ͣɺ3FOEFS4UBDL
    ͷத਎ΛύΫΔ
21. ᶄ
    ඞཁͳؔ਺Λ
    PWFSSJEF w QFSGPSN-BZPVU
    ˠ
    αΠζ
    w QBJOU ɹɹɹɹɹ
    ˠ
    ඳը
    w IJU5FTU$IJMESFO
    ˠ
    λοϓྖҬ
    ઓུɿ
    QFSGPSN-BZPVU
    ͰαΠζऔಘɺॏͳΓ൑ఆΛߦ͍ɺQBJOU
    Ͱදࣔ੾ Γସ͑Λߦ͏
22. ᶅ
    QFSGPSN-BZPVU @0WFSMBQ5ZQF
    ͷఆٛ
23. ᶅ
    QFSGPSN-BZPVU DIJME
    ͷ܁Γฦ͠Λهड़
24. ᶅ
    QFSGPSN-BZPVU DIJME
    ͷ
    QBSFOU%BUB
    ʹॏͳΓ݁ՌΛอ࣋ͤ͞Δ
25. ᶅ
    QFSGPSN-BZPVU DIJME
    ͷ
    QBSFOU%BUB
    ʹॏͳΓ݁ՌΛอ࣋ͤ͞Δ
26. ᶆ
    QBJOU ֤
    @0WFSMBQ5ZQF
    ͝ͱʹɺQBJOU
    Λ࣮ߦ
27. ׬੒
28. ͬ͘͟Γ·ͱΊ w ͱΓ͋͑ͣ
    3FOEFS4UBDL
    ΛίϐΔ
    w αΠζ΍Ґஔௐ੔෦෼ͷΧελϚΠζ͸ɺQFSGPSN-BZPVU
    Λ͍͡ Δ
    w QFSGPSN-BZPVU
    ͱ
    QBJOU
    Ͱ΍ΓऔΓΛ͍ͤͨ͞৔߹͸ɺ DIJMEQBSFOU%BUB
    ʹม਺Λอ࣋ͤ͞Δ
29. 3FOEFS0CKFDU
    ͷࣗ࡞͸
    سආ͗͢͠ͳ͍ํ͕͍͍
30. IUUQTBQJ fl VUUFSEFW fl VUUFSSFOEFSJOH.VMUJ$IJME-BZPVU%FMFHBUFDMBTTIUNM
    *G
    ZPV
    XBOU
    UP
    CVJME
    B
    DVTUPN
    MBZPVU
    XIFSF
    ZPV
    EF fi OF
    UIF
    TJ[F
    PG
    UIBU
    XJEHFU
    CBTFE
    PO
    JUT
    DIJMESFO
    UIFO
    ZPV
    XJMM
    IBWF
    UP
    DSFBUF
    B
    DVTUPN
    SFOEFS
    PCKFDU
    4FF
    .VMUJ$IJME3FOEFS0CKFDU8JEHFU
    XJUI
    $POUBJOFS3FOEFS0CKFDU.JYJO
    BOE
    3FOEFS#PY$POUBJOFS%FGBVMUT.JYJO
    UP
    HFU
    TUBSUFE
    PS
    3FOEFS4UBDL
    GPS
    BO
    FYBNQMF
    JNQMFNFOUBUJPO
31. ࠓ೔࿩ͯ͠ͳ͍͜ͱ ΋͘͠͸ɺ·ͩղܾͰ͖ͯͳ͍͜ͱ w λοϓྖҬ
    w ϑΣʔυΠϯɾϑΣʔυΞ΢τͷΞχϝʔγϣϯͷ෇༩
    w QFSGPSN-BZPVU
    લʹɺͦ΋ͦ΋
    DIJMESFO
    ͷ਺ΛݮΒͯ͠ύϑΥʔϚϯε վળ
32. ·ͱΊ w (MPCBM,FZ
    ͰαΠζऔಘ͢Δํ๏͸ɺ΍΍͍࣮͜͠૷ʹͳΓ͕ͪͳͷͰɺՄೳ Ͱ͋Ε͹ճආ͢Δ
    w $VTUPN.VMUJ$IJME-BZPVU
    ͸ɺ͋͘·ͰϙδγϣϯΛΧελϚΠζ͢ΔͨΊͷ ΋ͷͰɺʮ৚݅ʹΑͬͯඇදࣔʯ͸ରԠͮ͠Β͍
    w .VMUJ$IJME3FOEFS0CKFDU
    Λࣗ࡞͢Δ৔߹͸ɺ3FOEFS4UBDL
    Λίϐϖͯ͠த਎ ͍͡Δͷ͕ۙಓ
    w $POUBJOFS3FOEFS0CKFDU.JYJO3FOEFS#PY$POUBJOFS%FGBVMUT.JYJO 1BSFOU%BUB
    ͷཧղ͸ɺॻ͖ͳ͕Β͍ͯ͘͠