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
52

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
69
Setting Lint Rules in Flutter
Avatar for Maureen Josephine maureenjosephine
0
100
Testing Flutter Apps-DevfestTanzania
Avatar for Maureen Josephine maureenjosephine
0
29
Internationalizing Flutter Apps
Avatar for Maureen Josephine maureenjosephine
0
34
Atlassian Forge
Avatar for Maureen Josephine maureenjosephine
0
30
Building your First Flutter for Web App
Avatar for Maureen Josephine maureenjosephine
0
69
Atlassian Codegeist - Forge
Avatar for Maureen Josephine maureenjosephine
0
140
Trello Uses Cases - Atlassian
Avatar for Maureen Josephine maureenjosephine
0
21
Getting Started with Flutter
Avatar for Maureen Josephine maureenjosephine
0
34

Other Decks in Programming

See All in Programming
Pythonスレッドとは結局何なのか？ CPython実装から見るNoGIL時代の変化
Avatar for curekoshimizu curekoshimizu
5
1.5k
XP, Testing and ninja testing ZOZ5
Avatar for seki at druby.org m_seki
3
360
AI Coding Meetup #3 - 導入セッション / ai-coding-meetup-3
Avatar for Masayuki Izumi izumin5210
0
630
Web Components で実現する Hotwire とフロントエンドフレームワークの橋渡し / Bridging with Web Components
Avatar for Daichi KUDO da1chi
3
1.9k
Six and a half ridiculous things to do with Quarkus
Avatar for Holly Cummins hollycummins
0
130
(Extension DC 2025) Actor境界を越える技術
Avatar for Himeshi teamhimeh
1
240
Building, Deploying, and Monitoring Ruby Web Applications with Falcon (Kaigi on Rails 2025)
Avatar for Samuel Williams ioquatix
3
1.1k
CSC509 Lecture 06
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
250
uniqueパッケージの内部実装を支えるweak pointerの話
Avatar for magavel magavel
0
940
iOSエンジニア向けの英語学習アプリを作る！
Avatar for yukawashouhei yukawashouhei
0
180
そのpreloadは必要？見過ごされたpreloadが技術的負債として爆発した日
Avatar for mugi mugitti9
2
3.1k
ネイティブ製ガントチャートUIを作って学ぶUICollectionViewLayoutの威力
Avatar for Yusaku Nishi jrsaruo
0
140

Featured

See All Featured
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
37
2.9k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
54
3k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
4.8k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
36
6.9k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
56
6.6k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
610
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
56
14k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
252
21k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
45
2.5k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
73
11k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
271
21k

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