iT邦幫忙

flutter相關文章
共有 236 則文章

技術 Flutter 06

Button And Icons In Flutter we can add Button and Icon Widget as well. Icons...

技術 Flutter 05

In Flutter application we can insert images, using local images or using images...

技術 Flutter 04

Stateless Widgets & Hot Reload Whenever we make some changes, we need to c...

技術 Flutter 03

As we mention before, we can set different properties of each widget. Changing...

技術 Flutter 02

##Scaffold & AppBar Widgets In the code below, we use Scaffold as the root W...

技術 Flutter 01

##Flutter Overview Basiclly, “Widget” act as the bedrock of flutter application....

技術 Flutter Widget - Container

Container就只是個容器,只能有一個child;會跟 Row 或Column搭配使用。 Row及Column裡可以放很多個children: [] new...

技術 Flutter Widget - BoxDecoration

new BoxDecoration( backgroundBlendMode: BlendMode.color,BlendMode.colorBurn ,Ble...

鐵人賽 Mobile Development DAY 30

技術 【Flutter基礎概念與實作】 Day30–完賽啦~ 輸出Release APK吧

Finally!!! 來到了鐵人賽的最後一天,今天要介紹的是寫App最後也是最重要的一個步驟---輸出Release APK。 添加App Icon 雖然Flu...

鐵人賽 Mobile Development DAY 29

技術 【Flutter基礎概念與實作】 Day29–Profile Mode檢測App效能

今天要介紹的是Flutter的Profile Mode,在Profile Mode可以看到即時的CPU和GPU的效能狀況,有助於開發人員優化App。 Flutt...

鐵人賽 Mobile Development DAY 28

技術 【Flutter基礎概念與實作】 Day28–使用FCM發送通知給使用者

今天是實作FlutTube的最後一天,程式碼也很少,大概30行左右,但這功能我覺得很酷,那就是Cloud Messaging,實作後你可以傳訊息到任何一台裝有F...

鐵人賽 Mobile Development DAY 27

技術 【Flutter基礎概念與實作】 Day27–在留言取得並顯示使用者的照片

今天就把上傳大頭貼到Firebase Storage和在留言顯示使用者照片的功能完成吧。 Home Page 開啟home_page.dart,把上傳照片的功能...

技術 用 Flutter 開發一個 Android App 吧 - Day 29. 多語言切換

在多語言方面,可以用原生的 Dart intl 以及 Flutter 內建提供的 flutter_localizations 作支持。 不過我個人比較懶,所以直...

鐵人賽 Mobile Development DAY 26

技術 【Flutter基礎概念與實作】 Day26–上傳圖片到Firebase Storage

今天的目標是把Firebase Storage設定好以及實作上傳大頭貼的功能。 Firebase Storage Firebase Storage的功能和Goo...

鐵人賽 Mobile Development DAY 25

技術 【Flutter基礎概念與實作】 Day25–使用Firestore快速建造簡易留言區

今天來增加討論電影的留言版功能,結合Firebase的Firestore除了能大幅減少建置資料庫的時間外,只要Database有新的資料所有使用者的頁面也會被自...

鐵人賽 Mobile Development DAY 18

技術 用 Flutter 開發一個 Android App 吧 - Day 28. 主題切換

30 天的最後一個部份就是要用狀態管理來實現 App 設定頁面功能。 今天要先來面對的是主題切換。 主題常數 前面二十幾天,都在作其他頁面的功能,其實 Flut...

鐵人賽 Mobile Development DAY 24

技術 【Flutter基礎概念與實作】 Day24–設計電影細節頁面、播放Youtube影片

今天的目標很簡單,就是把顯示電影細節的頁面完成。 Movie Detail Page 在home資料夾下新增「movie_detail_page.dart」 首...

鐵人賽 Mobile Development DAY 18

技術 用 Flutter 開發一個 Android App 吧 - Day 27. ProfilePage & BadgeTab

接下來將個人頁面的部份以昨天的步驟如法炮製的作修改吧 ProfileInfo、Stars、Followers、Followings 這些 Widget 其實不難...

鐵人賽 Mobile Development DAY 30

技術 30天Flutter手滑系列 - 最後一天的廢文

心得 最後一天來寫真正廢文。 首先,真正佩服其他完賽的鐵人,你們傳承知識跟組織文章的能力是我望塵莫及的。我發現要把一件事解釋的很白話要讓其他人懂,或者是說自己事...

鐵人賽 Mobile Development DAY 23

技術 【Flutter基礎概念與實作】 Day23–實作Youtube Bloc、Youtube API

在開始今天非常簡單的YoutubeBloc實作前,我們要先和Google申請Youtube Data Api,待會才可以用Youtube Api查詢電影預告片。...

鐵人賽 Mobile Development DAY 18

技術 用 Flutter 開發一個 Android App 吧 - Day 26. Provder 使用初體驗

本系列同步發表在 個人部落格,歡迎大家關注~ 今天就開始來使用 Provider 來改動一下頁面囉~ 首先要被我拿來實驗的頁面(們),就是登入/首頁的部份。...

鐵人賽 Mobile Development DAY 29

技術 30天Flutter手滑系列 - 聊天室開發(Chat Room)(9)

昨天的文章30天Flutter手滑系列 - 聊天室開發(Chat Room)(8),我們建好了基本的聊天室介面,今天要來重新把Firebase和APP起來。 災...

鐵人賽 Mobile Development DAY 22

技術 【Flutter基礎概念與實作】 Day22–美化首頁(2) 增加Drawer和標題文字動畫

今天繼續來幫首頁增加一些小功能,不會像昨天程式碼那麼多了XD。 Drawer Drawer widget在Day7有介紹到如何使用,今天就來幫HomePage加...

鐵人賽 Mobile Development DAY 28

技術 30天Flutter手滑系列 - 聊天室開發(Chat Room)(8)

前一天的文章30天Flutter手滑系列 - 聊天室開發(Chat Room)(7),完成了TextField和IconButton的連動,今天來設計如何把訊息...

鐵人賽 Mobile Development DAY 21

技術 【Flutter基礎概念與實作】 Day21–美化首頁(1) 滑動吧!電影卡片

結束三天的Flutter測試框架介紹,回到專案本身的開發,接著來美化首頁吧。 先看今天的成品會長什麼樣子: (gif經過壓縮後畫質會降低會有卡卡的感覺,但實際上...

鐵人賽 Mobile Development DAY 18

技術 用 Flutter 開發一個 Android App 吧 - Day 25. Flutter 中的狀態管理

本系列同步發表在 個人部落格,歡迎大家關注~ Flutter 中的狀態管理 目前本人根據讀到的文件理解,我個人是分成兩大類: 短時(Ephemeral)...

鐵人賽 Mobile Development DAY 27

技術 30天Flutter手滑系列 - 聊天室開發(Chat Room)(7)

人要持續往前走,先放下前一篇30天Flutter手滑系列 - 聊天室開發(Chat Room)(6),今天先來把主要的聊天頁完成,不然估計又得花上無法預期的時間...

鐵人賽 Mobile Development DAY 20

技術 【Flutter基礎概念與實作】 Day20–測試Movie API和Movie BLoC

今天是testing的最後一天,把剩下的Movie Bloc和Movie Api的測試寫完吧。 Movie Bloc Test 在test/bloc資料夾下新增...

鐵人賽 Mobile Development DAY 18

技術 用 Flutter 開發一個 Android App 吧 - Day 24. 登入表單(GithubLoginForm)、Toast 訊息

本系列同步發表在 個人部落格,歡迎大家關注~ -- 第二階段最後一天了,來作一些小修改吧~ 登入表單 繼昨天的增加了登入驗證後,我發現登入頁面(LoginP...

鐵人賽 Mobile Development DAY 26

技術 30天Flutter手滑系列 - 聊天室開發(Chat Room)(6)

在前一篇30天Flutter手滑系列 - 聊天室開發(Chat Room)(5),花了大量時間在對開發環境除錯,接下來可以繼續開發了。 新增登出功能 但是不知道...