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

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

78ff1b5145fcd6b374a72b3fb11996db?s=47 ryo
May 27, 2021
Programming
0
48

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

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

78ff1b5145fcd6b374a72b3fb11996db?s=128

ryo

May 27, 2021
Tweet

More Decks by ryo

See All by ryo
FlutterとMaterialYouの対応状況について
78ff1b5145fcd6b374a72b3fb11996db?s=48 kawa1214
0
25
Firebase Test Labを紹介
78ff1b5145fcd6b374a72b3fb11996db?s=48 kawa1214
0
44

Other Decks in Programming

See All in Programming
Maintaining Software Correctness
D225ebf0faa666ac7655cc7e4689283c?s=48 dlew
PRO
3
250
Amazon ECSのネットワーク関連コストの話
D4d93646eedaaf5a9551cfc0ccd5b020?s=48 msato
0
630
LINE Messaging APIの概要 - LINE API総復習シリーズ
01cca15e7d324831bd63b7e1e6213f7a?s=48 uezo
1
170
競プロのすすめ
3a10a8f9ae25b2eb5bf3579dd3141dd8?s=48 uya116
0
660
dotdotdot_in_predict_function
465a530291aedb53fff5a6333e3dedaa?s=48 bk_18
1
180
設計ナイト2022 トランザクションスクリプト
6521324f6ab5266cdcde1dd05945a27b?s=48 shinpeim
11
2k
IE Graduation Certificate
1ff811939fd0923df8321ec6d8bf9d4b?s=48 jxck
6
4.8k
GitHub Actions を導入した経緯
41c9dedd1b4c53ace82e040bb09334fe?s=48 tamago3keran
1
430
#JJUG_CCC 「サポート」は製品開発？　- JDBCライブラリ屋さんが実践する攻めのテクニカルサポートとJavaエンジニアのキャリアについて -
244963b5eab1dd775692490daea81a7f?s=48 cdataj
0
420
iOS 16からの ロック画面Widget争奪戦に備える
D4f04ef104c8fbfc9caa3c80e41692fd?s=48 tsuzuki817
0
210
模組化的Swift架構(二) DDD速成
A3d3b179955bdea9fc05b3251f1b1f10?s=48 haifengkao
0
380
Running Laravel/PHP on AWS (AWS Builders Day Taiwan 2022)
2f42f32689c8244280dd01d864f92079?s=48 dwchiang
0
140

Featured

See All Featured
Designing Dashboards & Data Visualisations in Web Apps
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
224
49k
Rebuilding a faster, lazier Slack
C0b42577cfc2b321be3474618107e933?s=48 samanthasiow
62
7.2k
Large-scale JavaScript Application Architecture
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
499
110k
Art, The Web, and Tiny UX
D67fff74178013024d833b3eec6cf27f?s=48 lynnandtonic
280
17k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Fd55de4174accaf3b4f030e43a8a70c6?s=48 marcduiker
4
500
Teambox: Starting and Learning
Aebc2d07a50011e2a30d38435fde564a?s=48 jrom
123
7.7k
How STYLIGHT went responsive
F716e5f737fcfb03f2cf8d1a184f1dbe?s=48 nonsquared
85
3.9k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
498
130k
VelocityConf: Rendering Performance Case Studies
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
316
22k
Build your cross-platform service in a week with App Engine
5f83ef806155b403c3393160ce51f955?s=48 jlugia
219
17k
Keith and Marios Guide to Fast Websites
E14f55d3f939977cecbf51b64ff6f861?s=48 keithpitt
404
21k
We Have a Design System, Now What?
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
35
3k

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