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

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

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

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
猜你喜歡 – 打造高度擴展的個人化電商推薦
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
21
打造新電商搜尋體驗- 搜尋意圖辨識
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
7
比價群組
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
10
從混亂到優雅，讓專案不再失控：ATDD 與 Clean Architecture 的後端實戰之路
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
8
2049智能共存：透過LINE Bot Agent迎接後人類時代
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
36
菸酒生在 LINE Taiwan 的後端雙刀流
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
1.4k
讓測試不再 BB！ 從 BDD 到 CI/CD， 不靠人力也能 MVP
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
1.4k
DB 醬，嗨！哪泥嘎斯基？
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
1.4k
比起獨自升級 我更喜歡 DevOps 文化 <3
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
1.4k

Other Decks in Programming

See All in Programming
KessokuでDIでもgoroutineを活用する / Go Connect #6
Avatar for mazrean mazrean
0
120
DockerからECSへ 〜 AWSの海に出る前に知っておきたいこと 〜
Avatar for Itaru Ota ota1022
5
1.8k
コーディングエージェント時代のNeovim
Avatar for KEY60228 key60228
1
110
自作OSでDOOMを動かしてみた
Avatar for Zakki zakki0925224
1
1.4k
画像コンペでのベースラインモデルの育て方
Avatar for tattaka tattaka
3
1.9k
管你要 trace 什麼、bpftrace 用下去就對了 — COSCUP 2025
Avatar for shunghsiyu shunghsiyu
0
470
AI時代のドメイン駆動設計-DDD実践におけるAI活用のあり方 / ddd-in-ai-era
Avatar for MinoDriven minodriven
23
9.1k
Laravel Boost 超入門
Avatar for Arlo fire_arlo
1
140
マイコンでもRustのtestがしたい その２/KernelVM Tokyo 18
Avatar for Toshifumi NISHINAGA tnishinaga
2
2.3k
State of CSS 2025
Avatar for Benjamin Kott benjaminkott
1
120
Jakarta EE Core Profile and Helidon - Speed, Simplicity, and AI Integration
Avatar for ivargrimstad ivargrimstad
0
210
学習を成果に繋げるための個人開発の考え方 〜 「学習のための個人開発」のすすめ / personal project for leaning
Avatar for panda_program panda_program
1
110

Featured

See All Featured
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.7k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
10
790
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
23
3.6k
The Language of Interfaces
Avatar for Des Traynor destraynor
160
25k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
302
21k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
33
8.8k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
223
9.9k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
70
11k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
29
5.5k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
279
23k

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