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

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

Avatar for ryo ryo
May 27, 2021
Programming
0
180

【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
89
Firebase Test Labを紹介
Avatar for ryo kawa1214
0
150

Other Decks in Programming

See All in Programming
GitHub Copilot and GitHub Codespaces Hands-on
Avatar for Kento.Yamada ymd65536
1
140
来たるべき 8.0 に備えて React 19 新機能と React Router 固有機能の取捨選択とすり合わせを考える
Avatar for Yuka O’oka oukayuka
2
880
Systèmes distribués, pour le meilleur et pour le pire - BreizhCamp 2025 - Conférence
Avatar for Sébastien LECACHEUR slecache
0
120
Deep Dive into ~/.claude/projects
Avatar for Yuya Hirayama hiragram
10
2.2k
Webの外へ飛び出せ NativePHPが切り拓くPHPの未来
Avatar for Takuya Katsusa takuyakatsusa
2
460
AIプログラマーDevinは PHPerの夢を見るか？
Avatar for Shinya Saita shinyasaita
1
190
0626 Findy Product Manager LT Night_高田スライド_speaker deck用
Avatar for Mana Takada mana_takada
0
140
既存デザインを変更せずにタップ領域を広げる方法
Avatar for Tiphaine tahia910
1
270
Is Xcode slowly dying out in 2025?
Avatar for 上ちょ / uetyo uetyo
1
240
Code as Context 〜 1にコードで 2にリンタ 34がなくて 5にルール？ 〜
Avatar for Yoda Keisuke yodakeisuke
0
120
XP, Testing and ninja testing
Avatar for seki at druby.org m_seki
3
220
都市をデータで見るってこういうこと　PLATEAU属性情報入門
Avatar for nokonoko1203 nokonoko1203
1
590

Featured

See All Featured
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
234
140k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
124
52k
How GitHub (no longer) Works
Avatar for Zach Holman holman
314
140k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
45
7.5k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
17
950
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
53
2.8k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
PRO
20
1.3k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
367
19k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
63
7.8k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
51
3.3k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
36
2.8k

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