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

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

ryo
May 27, 2021
Programming
0
140

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

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

ryo

May 27, 2021
Tweet

More Decks by ryo

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

Other Decks in Programming

See All in Programming
Go1.23で入った errorsパッケージの小さなアプデ
kuro_kurorrr
2
400
大公開！iOS開発の悩みトップ5 〜iOSDC Japan 2024〜
ryunakayama
0
190
Pythonで改めて考える「クラス（class）」の使いどころ
os1ma
7
1.6k
Crafting Cross-Platform Adventures: Building a Game Engine with Kotlin Multiplatform
dwursteisen
0
220
Scala アプリケーションのビルドを改善してデプロイ時間を 1/4 にした話 | How I improved the build of my Scala application and reduced deployment time by 4x
nomadblacky
1
180
いまから追い上げる、Jetpack Compose トレーニング
nyafunta9858
0
620
今インフラ技術をイチから学び直すなら
yuhta28
1
140
How to Break into Reading Open Source
kaspth
2
220
Why Prism?
kddnewton
4
1.7k
意外とフォントが大事だった話 / Font Issues on Internationalization
fumi23
0
110
いつか使える ObjectSpace / Maybe useful ObjectSpace
euglena1215
2
140
なぜアジャイルがうまくいかないのか?
yum3
1
110

Featured

See All Featured
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
5
490
Learning to Love Humans: Emotional Interface Design
aarron
270
40k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
26
2k
[RailsConf 2023] Rails as a piece of cake
palkan
48
4.6k
Web development in the modern age
philhawksworth
205
10k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
24
610
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.4k
A Modern Web Designer's Workflow
chriscoyier
692
190k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.3k
Imperfection Machines: The Place of Print at Facebook
scottboms
263
13k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
41
6.5k
The Brand Is Dead. Long Live the Brand.
mthomps
53
38k

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