Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
【Flutter】Themeを活用して 統一感のあるデザインにする
Search
ryo
May 27, 2021
Programming
0
160
【Flutter】Themeを活用して 統一感のあるデザインにする
第31回ゆるはち.it: スマホアプリ開発ついてゆるく話す
https://yuruhachi-it.connpass.com/event/212197/
ryo
May 27, 2021
Tweet
Share
More Decks by ryo
See All by ryo
FlutterとMaterialYouの対応状況について
kawa1214
0
71
Firebase Test Labを紹介
kawa1214
0
130
Other Decks in Programming
See All in Programming
SpringBoot3.4の構造化ログ #kanjava
irof
2
970
Domain-Driven Transformation
hschwentner
2
1.9k
Grafana Loki によるサーバログのコスト削減
mot_techtalk
1
110
DROBEの生成AI活用事例 with AWS
ippey
0
130
Amazon Q Developer Proで効率化するAPI開発入門
seike460
PRO
0
110
Bedrock Agentsレスポンス解析によるAgentのOps
licux
2
720
AHC041解説
terryu16
0
590
Multi Step Form, Decentralized Autonomous Organization
pumpkiinbell
1
660
動作確認やテストで漏れがちな観点3選
starfish719
6
1k
パスキーのすべて ── 導入・UX設計・実装の紹介 / 20250213 パスキー開発者の集い
kuralab
3
670
時計仕掛けのCompose
mkeeda
1
280
チームリードになって変わったこと
isaka1022
0
190
Featured
See All Featured
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
Designing for humans not robots
tammielis
250
25k
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
The Invisible Side of Design
smashingmag
299
50k
The Language of Interfaces
destraynor
156
24k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.5k
Thoughts on Productivity
jonyablonski
69
4.5k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Mobile First: as difficult as doing things right
swwweet
223
9.3k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
Transcript
ʲFlutterʳThemeΛ׆༻ͯ͠ ౷Ұײͷ͋ΔσβΠϯʹ͢Δ
Flutter ͷಛ • ΫϩεϓϥοτϑΥʔϜ • ๛ͳWidgetʢ൚༻ੑͷߴ͍ύʔπʣ͕ఏڙ͞Ε͓ͯΓɼ ͦͷΈ߹ΘͤͰUIΛ࡞Δ • ϚςϦΞϧσβΠϯ
Themeͱ 1 • ΞϓϦશମͰ౷ҰతͳσβΠϯΛఏڙ͢ΔΈ μʔΫςʔϚ ΞϓϦશମͷσβΠϯมߋ ίετμϯʂʂʂ
Themeͱ 2 ʢWidget Treeʣ
Themeͱ 3
ThemeΛͬͯΈΔ1
ThemeΛͬͯΈΔ 2
ThemeΛͬͯΈΔ 3
׆༻͢Δ·Ͱͷϋʔυϧ
5IFNF%BUBͷϓϩύςΟͷ͕ଟ͗͢Δ😱
ԿΛҙຯ͍ͯ͠Δͷ͔͔Βͳ͍😭 Ͳ͜ʹӨڹ͕͋Δ͔͔Βͳ͍😭😭
υΩϡϝϯτΛΈΑ͏ʂ
ݕࡧʂ https://master-api. fl utter.dev/ fl utter/material/ThemeData- class.html
https://master-api. fl utter.dev/ fl utter/material/ VisualDensity-class.html Ͳ͜ʹӨڹ͕͋Δ͔͔Βͳ͍ 👌
ԿΛҙຯ͍ͯ͠Δͷ͔͔Βͳ͍ 👌 https://master-api. fl utter.dev/ fl utter/material/ VisualDensity-class.html https://material.io/design/layout/applying-
density.html#usage
͋Γ͕ͱ͏͍͟͝·ͨ͠