Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for ryo ryo
May 27, 2021
Programming
0
190

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

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

Avatar for ryo

ryo

May 27, 2021
Tweet

More Decks by ryo

See All by ryo
FlutterとMaterialYouの対応状況について
Avatar for ryo kawa1214
0
110
Firebase Test Labを紹介
Avatar for ryo kawa1214
0
160

Other Decks in Programming

See All in Programming
Ruby and LLM Ecosystem 2nd
Avatar for Koichi ITO koic
1
1.3k
見せてもらおうか、 OpenSearchの性能とやらを！
Avatar for shunta ichikawa shunta27
1
140
AI時代の脳疲弊と向き合う ~言語学としてのPHP~
Avatar for Sakurai sakuraikotone
1
1.5k
Goの型安全性で実現する複数プロダクトの権限管理
Avatar for ishikawa-pro ishikawa_pro
2
1.4k
Windows on Ryzen and I
Avatar for 瀬尾佳隆 seosoft
0
390
Reactive ❤️ Loom: A Forbidden Love Story
Avatar for Francesco Nigro franz1981
2
160
Agentic AI: Evolution oder Revolution
Avatar for Lars Roewekamp mobilelarson
PRO
0
190
AI 開発合宿を通して得た学び
Avatar for ニフティ株式会社 niftycorp
PRO
0
170
Geminiをパートナーに神社DXシステムを個人開発した話（いなめぐDX 開発振り返り）
Avatar for T. Fujiba fujiba
0
100
Angular-Apps smarter machen mit Gen AI: Lokal und offlinefähig - Hands-on Workshop!
Avatar for Christian Liebel christianliebel
PRO
0
140
車輪の再発明をしよう！PHP で実装して学ぶ、Web サーバーの仕組みと HTTP の正体
Avatar for H1R0 h1r0
2
390
今からFlash開発できるわけないじゃん、ムリムリ! (※ムリじゃなかった!?)
Avatar for Sora Arakawa arkw
0
150

Featured

See All Featured
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
Impact Scores and Hybrid Strategies: The future of link building
Avatar for Tamara Novitovic tamaranovitovic
0
240
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
6.4k
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
0
85
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
260
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.3k
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
89
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
0
170
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
200k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
0
170

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. ͋Γ͕ͱ͏͍͟͝·ͨ͠