【Flutter】Themeを活用して 統一感のあるデザインにする

第31回ゆるはち.it: スマホアプリ開発ついてゆるく話す
https://yuruhachi-it.connpass.com/event/212197/

Transcript

1. ʲFlutterʳThemeΛ׆༻ͯ͠ 
 ౷Ұײͷ͋ΔσβΠϯʹ͢Δ
2. Flutter ͷಛ௃ • ΫϩεϓϥοτϑΥʔϜ • ๛෋ͳWidgetʢ൚༻ੑͷߴ͍ύʔπʣ͕ఏڙ͞Ε͓ͯΓɼ 
 ͦͷ૊Έ߹ΘͤͰUIΛ࡞Δ • ϚςϦΞϧσβΠϯ
3. Themeͱ͸ 1 • ΞϓϦશମͰ౷ҰతͳσβΠϯΛఏڙ͢Δ࢓૊Έ μʔΫςʔϚ ΞϓϦશମͷσβΠϯมߋ ίετμ΢ϯʂʂʂ
4. Themeͱ͸ 2 ʢWidget Treeʣ
5. Themeͱ͸ 3
6. ThemeΛ࢖ͬͯΈΔ1
7. ThemeΛ࢖ͬͯΈΔ 2
8. ThemeΛ࢖ͬͯΈΔ 3
9. ׆༻͢Δ·Ͱͷϋʔυϧ
10. 5IFNF%BUBͷϓϩύςΟͷ਺͕ଟ͗͢Δ
    😱
11. ԿΛҙຯ͍ͯ͠Δͷ͔෼͔Βͳ͍
    😭
    Ͳ͜ʹӨڹ͕͋Δ͔෼͔Βͳ͍
    😭😭
12. υΩϡϝϯτΛΈΑ͏ʂ
13. ݕࡧʂ https://master-api. fl utter.dev/ fl utter/material/ThemeData- class.html
14. https://master-api. fl utter.dev/ fl utter/material/ VisualDensity-class.html Ͳ͜ʹӨڹ͕͋Δ͔෼͔Βͳ͍ 👌
15. ԿΛҙຯ͍ͯ͠Δͷ͔෼͔Βͳ͍ 👌 https://master-api. fl utter.dev/ fl utter/material/ VisualDensity-class.html 
 https://material.io/design/layout/applying- density.html#usage
16. ͋Γ͕ͱ͏͍͟͝·ͨ͠