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

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

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for ryo ryo
May 27, 2021
Programming
200
0

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

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

Avatar for ryo

ryo

May 27, 2021

More Decks by ryo

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

Other Decks in Programming

See All in Programming
AI 時代のソフトウェア設計の学び方
Avatar for 増田 亨 masuda220
PRO
29
13k
過去最大のMCPアップデート! 2026-07-28 RC版の謎に迫る
Avatar for matsukada licux
6
370
気圧・高度・GPSを記録&可視化するアプリ「Koudo」を作った話
Avatar for Hajime Kato hjmkth
1
310
AI 輔助遺留系統現代化的經驗分享
Avatar for James Wang jame2408
1
830
TypeScript+Orvalで実現する型安全かつ堅牢でスケーラブルなマルチチャネル通知基盤 / TSKaigi Night talks ~after conference~
Avatar for doriven d0riven
0
350
The ROI of Quarkus for Spring Boot Applications
Avatar for Holly Cummins hollycummins
0
120
Snowflake Summitでの新機能 CoCo / CoWork / snowflake-summit-2026-overall-what-new-coco
Avatar for Tatsuhiro tatsuhiro
1
160
セキュリティの専門家じゃなくてもできる。「セキュリティ意識」をアップデートして サプライチェーン攻撃への耐性を高めよう。
Avatar for tk3fftk tk3fftk
5
890
AIだと陥りがちなJakarta EE最新技術への移行時の落とし穴と解決策
Avatar for tnagao7 tnagao7
0
110
Contextとはなにか
Avatar for chiroruxx chiroruxx
1
340
A2UI という光を覗いてみる
Avatar for SatohJohn satohjohn
1
140
TSKaigi Night Talks 2026_TypeScriptでサプライチェーンの整合性を型に閉じ込める
Avatar for ギークプラス ソフトウェア事業部 geekplus_tech
0
400

Featured

See All Featured
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
3
3.4k
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
330
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
290
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
75
12k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.3k
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
170
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
66
55k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
191
11k
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
210
How to make the Groovebox
Avatar for あそなす asonas
2
2.2k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
27k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
52k

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