$30 off During Our Annual Pro Sale. View Details »

Fast UI/UX Prototyping W/ Flutter For App Devel...

Avatar for LINE Developers Taiwan LINE Developers Taiwan PRO
December 04, 2019
Programming
1
3k

Fast UI/UX Prototyping W/ Flutter For App Development

By Daniel Kao@LINE TECHPULSE 2019 https://techpulse.line.me/

Avatar for LINE Developers Taiwan

LINE Developers Taiwan PRO

December 04, 2019
Tweet

More Decks by LINE Developers Taiwan

See All by LINE Developers Taiwan
Data Team 實習分享
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
190
Backend Intern之旅
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
3k
清大企業參訪- Ben
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
1k
LLM 商品規格萃取大冒險- Vila
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
1.1k
Playwright/MCP/AI -Winter
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
1.1k
LINE EC Product Catalog Development- Rei
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
1.1k
LINE 與 AI 機器人技術應用現況 
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
15
QA Testing
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
260
jcconf_datadev_prod
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
12

Other Decks in Programming

See All in Programming
チーム開発の “地ならし"
Avatar for konifar konifar
8
7k
ViewファーストなRailsアプリ開発のたのしさ
Avatar for sugiwe sugiwe
0
360
バックエンドエンジニアによる Amebaブログ K8s 基盤への CronJobの導入・運用経験
Avatar for suna-big sunabig
0
130
connect-python: convenient protobuf RPC for Python
Avatar for Anuraag Agrawal anuraaga
0
350
251126 TestState APIってなんだっけ?Step Functionsテストどう変わる?
Avatar for Takumi Abe east_takumi
0
290
しっかり学ぶ java.lang.*
Avatar for nagise nagise
1
470
CSC305 Lecture 17
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
260
複数人でのCLI/Infrastructure as Codeの暮らしを良くする
Avatar for Shoma Okamoto shmokmt
5
2.1k
宅宅自以為的浪漫：跟 AI 一起為自己辦的研討會寫一個售票系統
Avatar for 高見龍 eddie
0
460
Building AI Agents with TypeScript #TSKaigiHokuriku
Avatar for izumin5210 izumin5210
5
1.2k
ソフトウェア設計の課題・原則・実践技法
Avatar for 増田 亨 masuda220
PRO
24
21k
Evolving NEWT’s TypeScript Backend for the AI-Driven Era
Avatar for Rodrigo Ramirez xpromx
0
260

Featured

See All Featured
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.9k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.6k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
80
6.1k
Visualization
Avatar for Eitan Lees eitanlees
150
16k
Code Review Best Practice
Avatar for Trisha Gee trishagee
73
19k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
370
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
329
39k

Transcript

  1. None

  2. > Daniel Kao / Senior Android Engineer Fast UI/UX Prototyping

    W/ Flutter For App Development

  3. Generic Feature Development Process UX Flow UI Layout UI Assets

    Data Models Business Logic Layout XMLs Custom Views User Feedbacks UI/UX Issues UI/UX Design Development Release Ideas / Features

  4. Generic Feature Development Process UX Flow UI Layout UI Assets

    Data Models Business Logic Layout XMLs Custom Views User Feedbacks UI/UX Issues UI/UX Design Development Release Ideas / Features Improve

  5. Generic Feature Development Process UX Flow UI Layout UI Assets

    Data Models Business Logic Layout XMLs Custom Views User Feedbacks UI/UX Issues UI/UX Design Development Release Ideas / Features Improve

  6. Generic Feature Development Process UX Flow UI Layout UI Assets

    Data Models Business Logic Layout XMLs Custom Views User Feedbacks UI/UX Issues UI/UX Design Development Release Ideas / Features Improve

  7. Problem We Met

  8. Prototyping Tools Are Quick, but…

  9. Prototyping Tools Are Quick, but…

  10. Prototyping Tools Are Quick, but…

  11. Modifying App Directly Takes Time

  12. Modifying App Directly Takes Time

  13. Modifying App Directly Takes Time

  14. Several Steps Are Required > Add new ViewHolder class for

    new View item > Modify existing adapter to use new ViewHolder or Create new Adapter > Add new item XML layout for Grid View > Use GridLayoutManager instead

  15. Flutter Comes To Rescue > https://flutter.dev/

  16. Create UI Widgets Easily in Code

  17. Create UI Widgets Easily in Code

  18. Easily Switchable UI Widgets

  19. Connect to Real Data ! > https://pub.dev/packages/http > https://pub.dev/packages/dio

  20. More Examples

  21. > Keyword Search Feature More Examples

  22. More Examples > Keyword Search Feature

  23. More Examples > Keyword Search Feature

  24. More Examples > Keyword Search Feature 棒球，旅遊

  25. More Examples > Keyword Search Feature

  26. > Keyword Search Feature More Examples > Enhance Content Category

    Browsing

  27. More Examples > Keyword Search Feature > Enhance Content Category

    Browsing

  28. More Examples > Keyword Search Feature > Enhance Content Category

    Browsing

  29. More Examples > Keyword Search Feature > Enhance Content Category

    Browsing

  30. THANK YOU