iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 11
0
Mobile Development

「Google Flutter」學習筆記系列 第 11

【Day 11】flutter_deer - UI畫面非常齊全的商務專案

今日要點
》介紹 flutter_deer 專案
》下載並編譯 flutter_deer 專案


介紹 flutter_deer 專案

今天要介紹的Github專案,主要是把一些常用的功能畫面集合起來,讓你可以方便的查看效果與運用程式碼,simplezhli/flutter_deer 4K 的星星,也是觀注度很高的專案。

在 README.md 的內容,寫的很詳細,除了把專案運作的畫面截圖下來,也寫了很多說明,是熱心分享的人。

先看看他 README.md 裡的運行畫面,他的畫面蠻多的,就不全列了,先截8個示意一下

下載並編譯 flutter_deer 專案

所以我們就來練習編譯一下看看有沒有問題。

那麼我們就開始下載並且建立這個 flutter_deer 專案囉。

% git clone https://github.com/simplezhli/flutter_deer.git

Cloning into 'flutter_deer'...
remote: Enumerating objects: 563, done.
remote: Counting objects: 100% (563/563), done.
remote: Compressing objects: 100% (334/334), done.
remote: Total 6772 (delta 319), reused 407 (delta 215), pack-reused 6209
Receiving objects: 100% (6772/6772), 27.83 MiB | 3.95 MiB/s, done.
Resolving deltas: 100% (4568/4568), done.


% cd flutter_deer 
% flutter pub get

Running "flutter pub get" in flutter_deer...     4.7s

嗯,4.7秒,為什麼那麼久,到底下載了什麼。

順便學了一下,flutter pub get 下載下來的程式,都放在那裡?

果然新增蠻多的目錄出現。

試 build 一下,

% flutter run -d all


ok,沒遇到什麼抵抗,一次成功。

一開始的歡迎頁,質感不錯。

上面那個方框選單,最近很常見到

統計圖表,有機會做到這功能時,可以參考一下

程式架構研究

Main.dart : MaterialApp

home/splash_page.dart

今天就先這樣吧。

好,第11天,寫完。

參考:
Where does pub get download pubspec dependencies to?


上一篇
【Day 10】flutter_weather - 練習使用OpenWeatherMap API
下一篇
【Day 12】HistoryOfEverything - 歷史的時間軸
系列文
「Google Flutter」學習筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言