iT邦幫忙

flutter相關文章
共有 512 則文章
鐵人賽 Mobile Development DAY 17

技術 用 Flutter 開發一個 Android App 吧 - Day 17. 搜尋頁面(改)、自製 GitHub Tiles

本系列同步發表在 個人部落格,歡迎大家關注~ 搜尋頁面 - 改 在 github 這套件的加持下,搜尋頁面調用搜尋 API 也變得非常簡單。 在搜尋頁面上我...

鐵人賽 Mobile Development DAY 18

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

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

技術 Dart 語言入門 3: 運算符號

運算子 說明 運算子 範例 一元後置 expr++,expr--,(),[],.,?. i++, i--, const[1,0],Test.fun...

鐵人賽 Mobile Development DAY 15

技術 Flutter體驗 Day 15-滾動組件

滾動組件 滾動組件是具有可滾動(Scroll)效果的內容區塊,可以透過滾動的方式提供更多可瀏覽的內容。 而且在裝置平台不一樣時,View的寬高限制通常不一樣,例...

技術 Flutter在Android模擬器無法安裝release apk原因

Android模擬器在安裝由Flutter APP產生的app-release.apk遇到 the apk failed to install. error i...

鐵人賽 Mobile Development DAY 6

技術 days[5] = "三顆渲染樹是如何運作的?(二)"

上次我們從RichText出發,一步步摸索出了Widget, Element, RenderObject各自的責任,和彼此之間的相互關係。我們也看到RichTe...

鐵人賽 Mobile Development DAY 7
Flutter App 開發實戰 系列 第 7

技術 用 Drawer 做個導覽頁面  [DAY 7]

在我們設定了許多第三方套件後,今天終於又可以好好來寫 code 了,看看我們目前的 homePgae 好像有點空,也不知道怎麼開始使用這個 app,這時候導覽頁...

鐵人賽 Mobile Development DAY 10
Flutter App 開發實戰 系列 第 10

技術 專案的好幫手 Firebase |補充篇 [DAY 10]

在 firebase 中最重要的部分就是,它提供了實時監聽的功能,當資料庫的狀態被改變時,我們能夠很及時的拿到更新後的資料,這個部分在 iOS 與 Androi...

鐵人賽 Mobile Development DAY 18

技術 用 Flutter 開發一個 Android App 吧 - Day 21. 趨勢頁面(改)、切換趨勢區間

本系列同步發表在 個人部落格,歡迎大家關注~ 經過兩天的努力,終於能來修改頁面拉~ 趨勢頁面 - 改 第二部份的更改頁面我想大家應該可以猜得到,一樣用 Fu...

鐵人賽 Mobile Development DAY 18

技術 [Day18] Flutter with GetX binding (二 ) 元件與屬性綁定

承接上一篇的基本型別與Obx綁定這篇接下來說 List<自訂型別>, enum , Map, 這幾種資料型態還有除了Obx直接響應外,另一種更新方法...

鐵人賽 Mobile Development DAY 6

技術 Flutter體驗 Day 6-Widget State

Widget狀態管理 Widget 類別的原始碼上有標注 @immutable,這個標注的意思是不可變的;簡單的來說這個類別裡的類別屬性必需宣告成 final,...

鐵人賽 Mobile Development DAY 1

技術 [Day 1] 萬年老梗,卻很實用之待辦清單。

前面因為一些因素中斷了比賽,決定在此重新參賽。先前連結 那我們就廢話不多說直接進入,我們的重點待辦清單。 我們先做我們的主頁面,如下圖。 我的習慣會把頁面,放在...

技術 Flutter入門教學 – 最基礎的8個Widget

如果你是一個剛開始學習或是準備要開始嘗試Flutter的人,但卻不知道要從哪裡開始下手,這邊會提供一些常用且實用的Widget來幫助大家入門! 1. Sca...

鐵人賽 Mobile Development DAY 8

技術 [Day8] Flutter 移動端儲存方案 SQLite。

因為今天有些臨時的事情,所以今天就來先介紹一下將來會用到的套件。 SQLite 在 flutter 套件叫做 sqflite,套件連結 找到 pubspec.y...

鐵人賽 Mobile Development DAY 7

技術 iOS Developer Learning Flutter. Lesson6 文字顯示與輸入

去年滿無聊的做了一張iOS與Android元件比較圖不過今年我知道錯了聽說Flutter的元件有330個以上我可列不完XD不過Flutter不愧是UI框架很多以...

鐵人賽 Modern Web DAY 24
Flutter web 的奇妙冒險 系列 第 24

技術 Day 24 | 在flutter 中串接 restful api - MobX的非同步操作

那今天就來讓這個非同步資料透過MobX 來串接到畫面上: 首先一樣建立一個 UsersViewModel import 'dart:convert'; imp...

鐵人賽 Mobile Development DAY 8

技術 Flutter體驗 Day 8-開始玩積木

組件積木 先前有提過在開發Flutter應用程式的過程中,我們大部份是使用各式不同功能的組件來組合而成。「工欲善其事,必先利其器」 就讓我們來認識一些組件的類型...

鐵人賽 Mobile Development DAY 9

技術 用 Flutter 開發一個 Android App 吧 - Day 9. 個人頁面(續)

本系列同步發表在 個人部落格,歡迎大家關注~ 個人頁面(Profile Page) - 續 我們接續昨天的部份,接下來要完成個人頁面的下半部。 首先,第一個...

鐵人賽 Mobile Development DAY 15

技術 【Day 15】spaceblast - 想來場 Flutter Game 嗎

今日要點》介紹 spaceblast 專案》下載並編譯 spaceblast 專案 介紹 spaceblast 專案 今天要介紹的Github專案,這是偶而看...

鐵人賽 Mobile Development DAY 3
Flutter App 開發實戰 系列 第 3

技術 來做個登入畫面吧 [DAY 3]

大致了解過常用的 widget 後我們可以開始來看看怎麼實作一個比較完整的登入畫面,因為這次的登入只使用到第三方登入所以就不會需要輸入帳號密碼, textvie...

鐵人賽 Mobile Development DAY 17

技術 [Day17] Flutter with GetX binding (一) 元件與屬性綁定

這篇位大家介紹Getx的響應式更新,Widget與屬性綁定(int String bool List這幾種型別) controller部分在此定義了幾個屬性對應...

鐵人賽 Mobile Development DAY 29

技術 days[28] = "為什麼Flutter的渲染樹這麼複雜?(下)"

上一篇我們講到RenderObject layout和Widget/Element build的演算法是如何幫助Flutter迅速的處理節點數量龐大的渲染樹,以...

鐵人賽 Mobile Development DAY 1

技術 Flutter Developer Learning SwiftUI. @State var lesson1 = "Hello World"

寫在前面 hihi 大家好, 好久不見(有人認識我嗎?)我又回來鐵人賽了(為什麼說又呢)這次來學一下SwiftUI(以一個iOS Developer叛徒的身份)...

鐵人賽 Mobile Development DAY 27

技術 [Day27] Flutter with GetX connectivity

connectivity偵測網路狀態判斷當前是Wifi或是一般手機網路 在connectivity 文件裡,有寫到將不會繼續更新, 建議大家轉移到connect...

技術 Flutter Widget - Container

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

鐵人賽 Mobile Development DAY 22

技術 【Day 22】flutter_shuqi - 模仿小說閱讀器App的版面配置專案

今日要點》介紹 flutter_shuqi 專案》下載並編譯 flutter_shuqi 專案》程式架構研究 介紹 flutter_shuqi 專案 今天要介...

技術 Dart 語言入門 6: 同步與非同步

Dart 是屬於單一執行緒的程式語言,也就是說所有的程式碼都運行於同一個執行緒中,若是遇到如I/O操作或是http這種需要較長時間的操作時,將會阻礙執行緒的執行...

技術 Flutter 08

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

技術 [Flutter] 6個你該知道的Dart訣竅

最近有新開一個部落格是在介紹Flutter相關的文章,大家可以去看看~ 1.同時執行多個Future Function 當你想要同時呼叫多個Api時,如果他們之...

鐵人賽 Mobile Development DAY 28
通徹 Flutter 學習路徑 系列 第 28

技術 通徹 Flutter 學習路徑 Day28 - 如果 Rust X Flutter

今天在跟同事在聊 Rust 這個程式語言的時候突然想到如果今天 Flutter 底層與 Rust 去做聯動的話,會是怎樣的效果呢?於是我便稍微搜尋了一下 Git...