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
100
Testing Flutter Apps-DevfestTanzania
Avatar for Maureen Josephine maureenjosephine
0
28
Internationalizing Flutter Apps
Avatar for Maureen Josephine maureenjosephine
0
33
Atlassian Forge
Avatar for Maureen Josephine maureenjosephine
0
29
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
33

Other Decks in Programming

See All in Programming
一人でAIプロダクトを作るための工夫 〜技術選定・開発プロセス編〜 / I want AI to work harder
Avatar for r-kagaya rkaga
12
2.7k
decksh - a little language for decks
Avatar for Anthony Starks ajstarks
4
21k
オープンセミナー2025@広島 「君はどこで動かすか？」 アンケート結果
Avatar for Satoshi Kaneyasu satoshi256kbyte
0
160
[FEConf 2025] 모노레포 절망편, 14개 레포로 부활하기까지 걸린 1년
Avatar for Jonghyuk Max Kim mmmaxkim
0
470
Constant integer division faster than compiler-generated code
Avatar for herumi herumi
2
670
実践 Dev Containers × Claude Code
Avatar for Yuto Akiba touyu
1
220
物語を動かす行動"量" #エンジニアニメ
Avatar for konifar konifar
14
5.3k
AWS Serverless Application Model入門_20250708
Avatar for ShinMatsuzaki smatsuzaki
0
110
大規模FlutterプロジェクトのCI実行時間を約8割削減した話
Avatar for teamLab teamlab
PRO
0
490
Honoアップデート 2025年夏
Avatar for Yusuke Wada yusukebe
1
810
新しいモバイルアプリ勉強会（仮）について
Avatar for 上ちょ / uetyo uetyo
1
260
JetBrainsのAI機能の紹介 #jjug
Avatar for yusuke yusuke
0
210

Featured

See All Featured
How GitHub (no longer) Works
Avatar for Zach Holman holman
314
140k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
302
21k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
18
1.1k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
34
6k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
347
40k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.4k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
Side Projects
Avatar for Sacha Greif sachag
455
43k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
271
21k
Code Review Best Practice
Avatar for Trisha Gee trishagee
70
19k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3k

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