iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Mobile Development

新手試試用Flutter做Netflix UI 系列

這個想法源自於我在學習Flutter的過程中,看到的一個影片。
One Day Builds: Netflix Clone Using Flutter
https://www.youtube.com/watch?v=qFGzT73bjQ8
也許我也可以來實踐看看,過程中到底需要怎麼做

鐵人鍊成 | 共 30 篇文章 | 15 人訂閱 訂閱系列文 RSS系列文
DAY 11

[Day11]Flutter Netflix UI 顯示Episode列表

大家好,今天我們會用到跟先前不一樣的Widget有TabBar、indicator、IndexedStack以及TabController。今天我們要繼續來做S...

2020-09-26 ‧ 由 IgnacioZhang 分享
DAY 12

[Day12]Flutter Netflix UI 即將上線頁面使用VideoPlayer

大家好,今天我們要來使用VideoPlayer,要使用到video_player plugin 因為這個plugin不能在iOS虛擬機運行,所以今天使用安卓系統...

2020-09-27 ‧ 由 IgnacioZhang 分享
DAY 13

[Day13]Flutter Netflix UI 類似影片以及通知頁面

大家好,今天做的頁面用到比較不一樣的有GridView.count、BoxShadow 類似影片頁面 使用GridView.count,crossAxisCou...

2020-09-28 ‧ 由 IgnacioZhang 分享
DAY 14

[Day14]Flutter Netflix UI 運用SliverAppBar

大家好今天我們主要會使用SliverAppBar、SliverList、SliverChildListDelegate、CustomScrollView今天要做...

2020-09-29 ‧ 由 IgnacioZhang 分享
DAY 15

[Day15]Flutter Netflix UI 選擇影片類型 Dialog

大家好~今天要來做的是選擇影片類型的Dialog,會用到showDialog AlertDialog (Flutter Widget of the Week)F...

2020-09-30 ‧ 由 IgnacioZhang 分享
DAY 16

[Day16]Flutter Netflix UI 選擇使用者頁面

大家好,今天主要用到不一樣有Offstage、IconButton,也會使用到GridView.count、 List.generate 先定義了一個User,...

2020-10-01 ‧ 由 IgnacioZhang 分享
DAY 17

[Day17]Flutter Netflix UI 編輯使用者頁面

大家好,今天使用到的有TextEditingController、TextField、InputDecoration、CircularProgressIndic...

2020-10-02 ‧ 由 IgnacioZhang 分享
DAY 18

[Day18]Flutter Netflix UI 更多頁面 Flexible

大家今天做的是更多頁面,今天用到比較不同有Flexible、 FlatButton.icon Flexible (Flutter Widget of the W...

2020-10-03 ‧ 由 IgnacioZhang 分享
DAY 19

[Day19]Flutter Netflix UI App 設定頁面

大家好,今天使用到不一樣的有Switch以及主要使用ListTile ListTile (Flutter Widget of the Week) ListTil...

2020-10-04 ‧ 由 IgnacioZhang 分享
DAY 20

[Day20]Flutter Netflix UI 內部儲存空間

大家好今天要做內部儲存空間的小UI,使用到Expanded、LinearGradient 實現UI的方式其實都在於怎麼組合這些Widget,今天的UI我想到兩種...

2020-10-05 ‧ 由 IgnacioZhang 分享