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

Material Design Components in Flutter

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Maureen Josephine Maureen Josephine
August 08, 2019
Programming
0
54

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
71
Setting Lint Rules in Flutter
Avatar for Maureen Josephine maureenjosephine
0
110
Testing Flutter Apps-DevfestTanzania
Avatar for Maureen Josephine maureenjosephine
0
31
Internationalizing Flutter Apps
Avatar for Maureen Josephine maureenjosephine
0
35
Atlassian Forge
Avatar for Maureen Josephine maureenjosephine
0
32
Building your First Flutter for Web App
Avatar for Maureen Josephine maureenjosephine
0
71
Atlassian Codegeist - Forge
Avatar for Maureen Josephine maureenjosephine
0
140
Trello Uses Cases - Atlassian
Avatar for Maureen Josephine maureenjosephine
0
24
Getting Started with Flutter
Avatar for Maureen Josephine maureenjosephine
0
38

Other Decks in Programming

See All in Programming
Honoを使ったリモートMCPサーバでAIツールとの連携を加速させる！
Avatar for とすり tosuri13
1
180
LLM Observabilityによる 対話型音声AIアプリケーションの安定運用
Avatar for Hiroyuki Moriya gekko0114
2
430
AIによるイベントストーミング図からのコード生成 / AI-powered code generation from Event Storming diagrams
Avatar for nrs nrslib
2
1.9k
並行開発のためのコードレビュー
Avatar for Miyuki miyukiw
0
150
Oxlint JS plugins
Avatar for kazupon kazupon
1
950
Implementation Patterns
Avatar for Denys Poltorak denyspoltorak
0
290
Amazon Bedrockを活用したRAGの品質管理パイプライン構築
Avatar for とすり tosuri13
4
700
Patterns of Patterns
Avatar for Denys Poltorak denyspoltorak
0
1.4k
AI前提で考えるiOSアプリのモダナイズ設計
Avatar for 野瀬田　裕樹 yuukiw00w
0
230
dchart: charts from deck markup
Avatar for Anthony Starks ajstarks
3
990
今こそ知るべき耐量子計算機暗号(PQC)入門 / PQC: What You Need to Know Now
Avatar for mackey0225 mackey0225
3
380
余白を設計しフロントエンド開発を 加速させる
Avatar for karacoro / からころ tsukuha
7
2.1k

Featured

See All Featured
<Decoding/> the Language of Devs - We Love SEO 2024
Avatar for Nikki Halliwell nikkihalliwell
1
130
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.8k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
191
11k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.9k
Navigating Weather and Climate Data
Avatar for Ryan Abernathey rabernat
0
110
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.4k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
5k
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
3.9k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
141
7.3k
It's Worth the Effort
Avatar for 3n 3n
188
29k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k

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