iT邦幫忙

flutter相關文章
共有 512 則文章

技術 IoT Project ( Flutter + Python + ZigBee ) 冒險闖關記 -- Part 2

In time, you will call me master -- Star Wars ZigBee to Firestore (衝呀) : 事情是...

技術 IoT Project ( Flutter + Python + ZigBee )

最近完成了一個project 有用到 Flutter, Python, 跟 IoT ZigBee,踩了一些坑,也學到很多. 先分享大致上的,之後再補比較詳細的...

技術 Flutter 09

ColumnBasically column widget works like rows widget but in different directio...

技術 Flutter 08

So far we’ve been only adding one widget to the body. We now want to add multipl...

技術 Flutter 07

ContainerIn body widget, we can also declare a container widget. body: Contai...

技術 Flutter 06

Button And IconsIn 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 ReloadWhenever we make some changes, we need to cl...

技術 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 OverviewBasiclly, “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...

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

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

鐵人賽 Mobile Development DAY 18

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

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

鐵人賽 Mobile Development DAY 30

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

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

鐵人賽 Mobile Development DAY 29

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

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

鐵人賽 Mobile Development DAY 28

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

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

鐵人賽 Mobile Development DAY 18

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

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

鐵人賽 Mobile Development DAY 18

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

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

鐵人賽 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 26

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

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

鐵人賽 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,把上傳照片的功能...

鐵人賽 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 24

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

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