iT邦幫忙

flutter相關文章
共有 581 則文章
鐵人賽 Mobile Development DAY 12
dart&flutter學習之旅 系列 第 12

技術 dart&flutter學習之旅-Day12

Add the visible widget to the layout widget 所有layout widget都具有以下任一個條件: 如果他們只有一個...

鐵人賽 Mobile Development DAY 8

技術 Flutter Developer Learning SwiftUI. @State var lesson8 = "文字輸入"

Today Preview 1. 正文 今日內容主要分成三個部分: TextField TextEditor 輸入相關 又在抱怨(不是說三個部分嗎) Te...

鐵人賽 Mobile Development DAY 7

技術 Flutter Developer Learning SwiftUI. @State var lesson7 = "按鈕"

Today Preview 1. 正文 Button可以說是最常見跟user互動的元件了今天介紹了Button的實現方式跟樣式基本上可以使用兩種方式來實現...

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

技術 通徹 Flutter 學習路徑 Day 08 - Navigation 以及 Routing

今天主要要向大家分享的主題是 Navigation 以及 Routing在瀏覽器透過輸入 URL 而跳轉頁面至對應畫面這件事情相信大家都已經耳熟能詳了而今天在...

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

技術 通徹 Flutter 學習路徑 Day 07 - Flutter Adaptive 實作技巧及方式

今天要來分享的是在實作 Adaptive App 時要注意的細節在昨天的內容中,我們已經可以實作出根據視窗大小來選擇何種 Layout 來呈現畫面!而今天我們則...

鐵人賽 Mobile Development DAY 6

技術 Flutter Developer Learning SwiftUI. @State var lesson6 = "顯示圖片"

Today Preview 1. 正文 「先感謝蒼老師今天來代課❤️」 今天示範了Image幾個常見的效果首先最重要的是:先套.resizable再說預設會填...

鐵人賽 Mobile Development DAY 5

技術 Flutter Developer Learning SwiftUI. @State var lesson5 = "顯示文字"

Today Preview 1. 正文 今天就是更平凡的一集了純粹就是示範Text的效果而已了那我就不廢言了,看code吧(我還是想不通沒事特地出個Label...

鐵人賽 Mobile Development DAY 4

技術 Flutter Developer Learning SwiftUI. @State var lesson4 = "排列"

Today Preview 1. 正文 今天的主題是排列排列就是佈局的基礎「不是決定元件要放在畫面的哪裡,而是將畫面分割成若干部分」SwiftUI這點跟Flu...

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

技術 通徹 Flutter 學習路徑 Day 04 - 常用 Widgets 大全

今天主要來介紹各式各樣的 Widgets開發 Flutter App 就如同堆積木一般可以由各式各樣的組件整合出符合自己需求的應用程式但萬事起頭難,在一開始入門...

鐵人賽 Mobile Development DAY 3

技術 Flutter Developer Learning SwiftUI. @State var lesson3 = "常用Modifier"

Today Preview 1. 正文 今天是開始寫SwiftUI的第一天之後的程式碼都會採取貼圖的方式就不打程式碼出來了因為iThome的配色不太好看又會折...

鐵人賽 Mobile Development DAY 6
dart&flutter學習之旅 系列 第 6

技術 dart&flutter學習之旅-Day06

前言 今天會把dart裡常用的constructor介紹完畢,並且會進到Iterable collections的範圍,Iterables是dart應用程式中最...

鐵人賽 Mobile Development DAY 2

技術 Flutter Developer Learning SwiftUI. @State var lesson2 = "啟動畫面"

Today Preview 外貿協會 今天來跟大家聊聊我寫mobile app覺得第二重要的東西 -> launch view(第一重要的是app ic...

鐵人賽 Mobile Development DAY 9

技術 [Day9] 從開發瀏覽器 APP 學習實戰技巧 -- 簡易的跨設備資訊分享機制 Part I

Part I: 介紹 Sharik App 以及它的現有機制 EinkBro 身為瀏覽器,是個不斷從網路取得資訊的 App,但是卻完全沒有任何追蹤使用者的實作;...

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

技術 通徹 Flutter 學習路徑 Day 03 - Flutter Architecture 介紹

由於今天老朋友來訪只能偷偷拿舊文章補救一下文章內容主要來自官網對於 Flutter Architecture 上的描述後續再做修正與調整那一樣開始今天的內容吧...

鐵人賽 Mobile Development DAY 1

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

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

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

技術 通徹 Flutter 學習路徑 Day 02 - Flutter Cli 介紹

由於鐵人賽上關於 Flutter 的安裝教學已經琳瑯滿目的情況下因此筆者在安裝教學上就不再額外做描述那今天主要想大家分享的內容是 Flutter Cli 提供的...

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

技術 通徹 Flutter 學習路徑 Day 01 - 什麼是 Flutter ??

賽前感言 Flutter是一個由 Google 開發的開放原始碼行動應用軟體開發套件,其中最吸引人的地方便是它們宣稱使用 Flutter 所開發的應用程式可以...

技術 Flutter Apk版號不如預期的問題排解

前情提要 透過指令產生Flutter App的Apk時,發現產生的Apk有點肥(Apk Size約23MB) flutter build apk 後來改用以...

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

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

技術 Flutter入門指南

如果你是剛入門Flutter的工程師,可以參考這篇文章,我會告訴大家自己常用的套件以及如何規劃檔案的分類!最近有新開一個部落格是在介紹Flutter相關的文章,...

技術 Flutter串接restful api練習

Flutter串接restful api 創建新專案 架構: package 使用JSONPlaceholder測試:JSONPlaceholder 使用qu...

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

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

鐵人賽 Mobile Development DAY 30

技術 [Day30] Flutter with GetX flutter_WebRTC

Flutter_WebRTC 本篇需搭配後疫情時代的WebRTC微學習 Day28服用 用docker建立本地的turn server & signal...

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

技術 Day 30 | 將flutter web 部署至 netlify

最後一天就來部署我們的flutter web吧,也算是這系列文中真的跟「web」唯一有關的一篇文XD 首先我們這次會使用 netlify 來託管我們的網站。 你...

鐵人賽 Mobile Development DAY 29

技術 [Day29] Flutter with GetX native_splash

flutter_native_splash App 啟動時的launch畫面 首先在pubspec.yaml檔案裡新增 dev_dependencies:...

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

技術 Day 29 | 狀態管理-從官方範例來看如何使用BLoC (2)

今天就來實作UI的部分,以及來小小的比較一下BLoC與MobX的差異 我們把這個頁面分成三個檔案posts_page、posts_list、 posts_ite...

鐵人賽 Mobile Development DAY 28

技術 [Day28] Flutter with GetX Socket.io

Socket.io 注意server side需要使用3.0.3版本 否則flutter client會出現timeout (參考自) (雖然文檔也有註明, 但...

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

技術 Day 28 | 狀態管理-從官方範例來看如何使用BLoC

那今天我們就來使用bloc及flutter_bloc 這兩個來實作範例,基本上我們在實作BLoC pattern時我們都會切分成三層分別是:資料層、BLoC層、...

鐵人賽 Mobile Development DAY 27

技術 [Day27] Flutter with GetX connectivity

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

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

技術 Day 27 | 狀態管理 - BLoC基本介紹

在剛開始學習Flutter時如果讀到有關狀態管理的文章大部分都會是與「BLoC」相關的內容,雖然真的是有點複雜,但感覺還是得嘗試看看「BLoC」到底有什麼優點可...