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

Material Design Components in Flutter

Avatar for Maureen Josephine Maureen Josephine
August 08, 2019
Programming
0
51

Material Design Components in Flutter

A session to cover material design components and how to make them useful in a Flutter App
Avatar for Maureen Josephine

Maureen Josephine

August 08, 2019
Tweet

More Decks by Maureen Josephine

See All by Maureen Josephine
My Flutter Journey
Avatar for Maureen Josephine maureenjosephine
0
66
Setting Lint Rules in Flutter
Avatar for Maureen Josephine maureenjosephine
0
99
Testing Flutter Apps-DevfestTanzania
Avatar for Maureen Josephine maureenjosephine
0
27
Internationalizing Flutter Apps
Avatar for Maureen Josephine maureenjosephine
0
33
Atlassian Forge
Avatar for Maureen Josephine maureenjosephine
0
28
Building your First Flutter for Web App
Avatar for Maureen Josephine maureenjosephine
0
68
Atlassian Codegeist - Forge
Avatar for Maureen Josephine maureenjosephine
0
130
Trello Uses Cases - Atlassian
Avatar for Maureen Josephine maureenjosephine
0
20
Getting Started with Flutter
Avatar for Maureen Josephine maureenjosephine
0
31

Other Decks in Programming

See All in Programming
PHP 8.4の新機能「プロパティフック」から学ぶオブジェクト指向設計とリスコフの置換原則
Avatar for 武田 憲太郎 kentaroutakeda
2
560
DroidKnights 2025 - 다양한 스크롤 뷰에서의 영상 재생
Avatar for 이가은 gaeun5744
3
320
High-Level Programming Languages in AI Era -Human Thought and Mind-
Avatar for Hayato Ishida hayat01sh1da
PRO
0
390
deno-redisの紹介とJSRパッケージの運用について (toranoana.deno #21)
Avatar for uki00a uki00a
0
150
LINEヤフー データグループ紹介
Avatar for LINEヤフー株式会社 採用情報 lycorp_recruit_jp
0
890
Create a website using Spatial Web
Avatar for Akio Itaya akkeylab
0
300
AWS CDKの推しポイント 〜CloudFormationと比較してみた〜
Avatar for アキキー akihisaikeda
3
310
Benchmark
Avatar for 송상윤 sysong
0
270
Select API from Kotlin Coroutine
Avatar for Matsuda Jumpei jmatsu
1
190
ruby.wasmで多人数リアルタイム通信ゲームを作ろう
Avatar for lni_T lnit
2
270
ReadMoreTextView
Avatar for Sungyong An fornewid
1
480
Is Xcode slowly dying out in 2025?
Avatar for 上ちょ / uetyo uetyo
1
190

Featured

See All Featured
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.3k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
277
23k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
42
7.3k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.6k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
29
9.5k
Designing for Performance
Avatar for Lara Hogan lara
609
69k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
299
21k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
28
5.4k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
51
8.5k

Transcript

  1. MATERIAL DESIGN COMPONENTS IN FLUTTER

  2. MAUREEN JOSEPHINE Twitter: @J_Akello

  3. MATERIAL DESIGN?

  4. None

  5. Material design is a visual language that synthesizes the classic

    principles of good design with the innovation of technology and science.

  6. FIRST IMPRESSION ON MESSY ROOM?

  7. IMPRESSION ON A WELL ARRANGED ROOM

  8. WHY MATERIAL DESIGN? • Helps in delivering high quality outputs

    consistently across all platforms • Produces pleasant looking components that behave like real world objects. • Enhances user experience

  9. FACTORS TO CONSIDER • Brand • Color • Layout •

    Content doesn’t have to bore • Data

  10. FLUTTER APPROACH IN MATERIAL DESIGN Flutter is a technology developed

    by Google that can run on Android and iOS devices from a single codebase.

  11. MATERIAL COMPONENTS WIDGETS These are visual,behavioral and motion rich widgets

    implementing Material Design Guidelines. • App structure and navigation • Buttons • Input and selections • Dialogs, alerts and panels • Layouts.
  12. None
  13. None
  14. None
  15. None
  16. None
  17. None

  18. SAMPLE APP WITH MATERIAL DESIGN COMPONENTS

  19. None