リッチなポップアップ画面にはshowGeneralDialogが便利だった

■ 参考リンク
- https://gist.github.com/masashi-sutou/5807334b4ac814b15c2c43e92012808a
- https://api.flutter.dev/flutter/material/showDialog.html
- https://www.kikt.top/posts/flutter/dialog/dialog-2/
- https://medium.com/flutter-community/how-to-animate- dialogs-in-flutter-here-is-answer-492ea3a7262f

Transcript

1. ϦονͳϙοϓΞοϓը໘ʹ͸
   TIPX(FOFSBM%JBMPH͕ศརͩͬͨ
   ୈճ'MVUUFS.FFUVQ5PLZP
   

   View Slide

2. ελσΟϓϥεגࣜձࣾͰJ04ͱ'MVUUFSͷΞϓϦ։ൃͯ͠·͢
   ਢ౻ক࢙ʢ!LVSPUZBOOʣ
   

   View Slide

3. w ࠓ೥݄͔Β'MVUUFSͱ'JSFCBTFͰ৽نࣄۀͷΞϓϦΛ։ൃத
   w !LVSPUZBOOʹͯ'MVUUFS։ൃͰݟ͚ͭͨൃݟΛπΠʔτத
   w ݄ʹҰճɺ౔༵೔ʹʮ'MVUUFS΋͘΋ࣗ͘शࣨJOελσΟϓϥεʯ
   Λ։࠵தͰ͢ʂ
   

   View Slide

4. ϦονͳϙοϓΞοϓը໘ͱ͸
   

   View Slide

5. ͜Μͳը໘ʂ
   

   View Slide

6. 0,
   ςΩετςΩ
   ϦονͳϙοϓΞοϓը໘ͷ6*σβΠϯ
   w ը໘αΠζͷ͙Β͍ͷྖҬʹը૾ɺಈըɺς
   ΩετɺϘλϯͳͲෳ਺ͷཁૉΛηϯλϦϯάͰ
   දࣔ͢Δ
   w എܠ͕ബ҉͘ɺը໘ભҠ΍Πϕϯτॲཧͷؒʹࠩ
   ͠ࠐ·ΕΔ
   w ޿ࠂɺ৽ػೳͷࠂ஌ɺίϯςϯπͷऴྃ΍݁Ռͷ
   ը໘ͰΑ͘ݟ͔͚Δ6*
   w J04ͷ৔߹ɺඪ४ͷΞϥʔτ6*ͩͱཁ͕݅ຬͨͤ
   ͳ͍ͷͰࣗ࡞͠ͳ͍ͱ͍͚ͳ͍
   

   View Slide

7. ωΠςΟϰͩͱ஍ຯʹ࣮૷͕໘౗
   Ͱ΋ɺ'MVUUFSͳΒ
   

   View Slide

8. TIPX(FOFSBM%JBMPH
   Future showGeneralDialog({
   @required BuildContext context,
   @required RoutePageBuilder pageBuilder,
   bool barrierDismissible,
   String barrierLabel,
   Color barrierColor,
   Duration transitionDuration,
   RouteTransitionsBuilder transitionBuilder,
   }) { // লུ }
   

   View Slide

9. ͭ·Γɺը໘ͷσβΠϯ͸ࣗ༝Ͱ
   ଞͷ໘౗ͳͱ͜Ζ͸Ҿ਺ʹ
   ೚ҙͷ஋Λ౉͚ͩ͢Ͱ0,
   

   View Slide

10. IUUQTHJTUHJUIVCDPNNBTBTIJTVUPV
    CBDCDDFB
    

    View Slide

11. ·ͱΊࢀߟࢿྉ
    w TIPX(FOFSBM%JBMPHΛ࢖͑͹ɺෳࡶͳ෦෼͸'MVUUFS4%,ʹ·͔
    ͤͯɺϙοϓΞοϓը໘ͷσβΠϯʹूதͰ͖·͢
    w IUUQTBQJqVUUFSEFWqVUUFSNBUFSJBMTIPX%JBMPHIUNM
    w IUUQTXXXLJLUUPQQPTUTqVUUFSEJBMPHEJBMPH
    w IUUQTNFEJVNDPNqVUUFSDPNNVOJUZIPXUPBOJNBUF
    EJBMPHTJOqVUUFSIFSFJTBOTXFSFBBG
    

    View Slide