如前文所述,Flutter 有四種 Navigation & Routing 的方式:
我們已經學過了「N1/直接導航法」,這種直接導航的方式,說直白的,就是把要去的 screen 包成一個 Route,好處是很直接,小缺點是如果...
使用 responsive_framework 套件開發 Flutter Responsive 響應式 UX
完整又詳細的介紹怎麼產生 Flutter App 的 aab,這是上架 Google Play 的必須,整個流程一點都不簡單,花了好多時間終於都弄清楚了,相信本文能幫助很多人,一次上架就成功。
這篇文章 2021/5 月寫的,此時 Flutter 是 2.2.0 版,使用的是 Mac,OS 是 11.4。 Flutter SDK Flutter 版本隨著時間自然後一直往前,所以安裝還是要依照官方的程序為準,以下是官方網址: In...
如果你照著我之前寫的安裝程式,你的 Android Studio 跟 Flutter 2 SDK 應該都已經裝好了,所以我們現在就可以開始寫 Flutter 了。 寫程式前有一個很重要的建議,就是剛開始學習時,當然可以照著書寫,但是要真學會,...
通常一個 App 都會有很多個畫面,在 Flutter 中,大家好像都是用「Screen」來稱呼「畫面」,所以我們以後也統一就叫「Screen」了。 繼續我們的「happy recorder 快樂錄音機」開發,在使用者的情境中,這個 App ...
使用 introduction_screen 套件來開發「開機簡介畫面」不難,但是要做到:使用者可以關掉也可以打開,啟動後倒退也不會再出現,還要有 /intro 網址,這可就有些難度了;本文還對 Assets 做了一些深度介紹。
我們才剛開始寫 Flutter,只有兩個基本上空空的畫面 Screens,可是光是這樣,main.dart 裏面就已經有 120 行了,如果再繼續寫下去,很快就會有幾千行的程式碼,程式碼太長是很麻煩的,想想看,你要修改的程式內容一個在頭、一個在...
播音部分改用 BLoC v7.3.0 開發的完整程式碼
Flutter 2.2 多國語言及切換程式碼範例。
很多 App 都需要支援多國語言,如果是,開發階段一定要儘早寫入,不然以後加入會改到吐血。本文深入淺出的介紹了 Flutter 的 I18n 及 L10n,學會怎麼設定多國語言,怎麼切換語言,以及中文 numberFormat 及 date 的...
Flutter 在大約在三個禮拜前,發佈了 2.5 版的更新(我目前用的是 2.2.3),我對這種比較大的更新,都憂喜參半,喜的是一定有新功能或是 Bug 被移除了,憂的是通常會帶來新的問題,有時,甚至目前的程式還要做 Migration 搬遷...
上傳下載都是很慢的動作,如何讓使用者知道進度,如何避免重複上傳下載,如何到處都可以傳送通知等等,這些都是非同步 UX 的設計重點與挑戰,這些都在本文中有詳細的說明。
延續前一篇的文章: 穿梭在不同的畫面中 - 固定名稱路由法 — 如前文所述,Flutter 有四種 Navigation & Routing 的方式: 我們已經學過了「N1/直接導航法」,現在來看第二種,「固定名稱路由法」。 ...
當你需要改變 Flutter 的 package name,BundleId 及 ApplicationId 時,你將會發現這是一個大坑,它們很不好改,本文是我走過的紀錄與建議,希望能幫助到也碰到這個問題的人。
iOS 與 Android 的 App icon 不同,那在 Flutter 中要怎麼設計才會都支援?如何確定不會被切掉或太小看不到呢?還有,App 的名稱又要怎麼做多國語言呢?我們一次全部講清楚!
這篇用了一萬多個字來仔細介紹 Google Drive API v3 在 Flutter 裡面的檔案存取用法,一定要抱怨一下, Flutter 的文件說明真是太不清楚了,花了很多時間錯誤嘗試,才終於會動了。
這是 milestone 4 的程式碼: lib/main.dart:
lib/theme/style.dart:
lib/theme/custom_widgets.dart:
lib/screens/my_ho...
這是 milestone 2 的程式碼: lib/main.dart:
lib/screens/my_home_page.dart:
lib/screens/audio_session.dart:
lib/s...
這是 milestone 3 的程式碼: lib/main.dart:
lib/screens/audio...
這一篇希望可以解救工程師的靈魂,因為有太多的工程師因為 UX/UI 的改來改去而氣到翻臉,哎,何必呢,除了要訓練自己的時時保持出世與正向外,儘早將 UX/UI 的控制獨立,會是最好的解決方式。相信我,老闆跟 designer 也不是故意玩你,他...
這篇一萬多字,我花了很多時間來寫,主要是希望能簡單易懂的介紹新版 Flutter_bloc 8.0 的用法,當然也介紹了 DI 依賴注入,使用 GetX 來管理,不只理論,更著重實務應用技巧。
有了 App 的 aab 後,就可以上架 Google Play 了,本文詳細的介紹了上架的流程,並提供清楚的操作指引與截圖,上架一點都不難了。
花了時間寫了一個 App,當然會希望能帶來一些收入,最簡單的方法,就是刊登 AdMob 的廣告了,本文詳細的說明了 Adaptive banner 及 Interstitial 的用法,學會了後,其他廣告也不難了。
使用 Google Drive API v3 開發的完整 Google 硬碟檔案上傳與下載程式碼
這是 milestone 1 的程式碼: lib/main.dart:
lib/mod...
我發現眾多在網路上關於 Flutter 使用 Google Drive 的介紹文章都不完整,很多都只講了一部分,如果照著做,大多都不能執行;另外相關的套件也已改版多次,造成很多網路上的分享也都過時了,本文嘗試一次講清楚,完整的介紹 Google...
Flutter 提供了四種 Navigation & Routing 的方式:
前面我們已經學會「N1 直接導航」及「N2 固定名稱路由」,現在讓我們來看看: N3 動態名稱路由:
延續我們的程式碼,它已經準備好可以用來測...
Flutter App 起始 Splash 畫面的開發介紹,也深入了解各平台的設定,不是很深,但是夠用了
將近一萬個字的詳細介紹,你會學到 threads, isolates, event loop 跟 Future 及 Stream 的關係,然後了解原來 await 不過是個新寫法,還會知道 sync* 及 async* 的不同。