這是 milestone 4 的程式碼: lib/main.dart:
lib/theme/style.dart:
lib/theme/custom_widgets.dart:
lib/screens/my_ho...
延續前一篇的文章: 穿梭在不同的畫面中 - 固定名稱路由法 — 如前文所述,Flutter 有四種 Navigation & Routing 的方式: 我們已經學過了「N1/直接導航法」,現在來看第二種,「固定名稱路由法」。 ...
使用 responsive_framework 套件開發 Flutter Responsive 響應式 UX
使用 CustomPaint() 及 isolate() / compuate() 畫出 PCM 音檔的波形圖,使用者可選擇顯示區間,及優化使用者體驗
播音部分改用 BLoC v7.3.0 開發的完整程式碼
Flutter 2.2 多國語言及切換程式碼範例。
使用 Google Drive API v3 開發的完整 Google 硬碟檔案上傳與下載程式碼
這是 milestone 3 的程式碼: lib/main.dart:
lib/screens/my_home_page.dart:
lib/screens/audio...
如果你照著我之前寫的安裝程式,你的 Android Studio 跟 Flutter 2 SDK 應該都已經裝好了,所以我們現在就可以開始寫 Flutter 了。 寫程式前有一個很重要的建議,就是剛開始學習時,當然可以照著書寫,但是要真學會,...
這是 milestone 1 的程式碼: lib/main.dart:
lib/screens/audio_session.dart:
lib/mod...
我們才剛開始寫 Flutter,只有兩個基本上空空的畫面 Screens,可是光是這樣,main.dart 裏面就已經有 120 行了,如果再繼續寫下去,很快就會有幾千行的程式碼,程式碼太長是很麻煩的,想想看,你要修改的程式內容一個在頭、一個在...
這篇加上了完整的 Flutter 的 NoSQL Hive DB 程式碼展示,快樂錄音機 App 使用 Hive 來儲存使用者喜好,也用 Hive 來儲存錄音紀錄,包含 CRUD、Key 排序、Filtered 等用法。
這一篇希望可以解救工程師的靈魂,因為有太多的工程師因為 UX/UI 的改來改去而氣到翻臉,哎,何必呢,除了要訓練自己的時時保持出世與正向外,儘早將 UX/UI 的控制獨立,會是最好的解決方式。相信我,老闆跟 designer 也不是故意玩你,他...
這是 milestone 2 的程式碼: lib/main.dart:
lib/s...
分享播音功能與 UI
iOS 與 Android 的 App icon 不同,那在 Flutter 中要怎麼設計才會都支援?如何確定不會被切掉或太小看不到呢?還有,App 的名稱又要怎麼做多國語言呢?我們一次全部講清楚!
這篇文章 2021/5 月寫的,此時 Flutter 是 2.2.0 版,使用的是 Mac,OS 是 11.4。 Flutter SDK Flutter 版本隨著時間自然後一直往前,所以安裝還是要依照官方的程序為準,以下是官方網址: In...
從使用情境來完整的介紹 Flutter 的 TextFormField 輸入,還包含:Controller 與 FocusNode
Flutter App 起始 Splash 畫面的開發介紹,也深入了解各平台的設定,不是很深,但是夠用了
自由的切換 UI 黑暗或是明亮模式 我們的 UI 現在會依照作業系統的預設自動切換到黑暗或是明亮模式,很棒,只是,好像,還不夠好,能不能讓使用者自由的切換呢? 要怎麼做呢?請各位先想一想!
延續我們的程式碼,如果有人現在才加入,目前階...
如前文所述,Flutter 有四種 Navigation & Routing 的方式:
我們已經學過了「N1/直接導航法」,這種直接導航的方式,說直白的,就是把要去的 screen 包成一個 Route,好處是很直接,小缺點是如果...
主要新增使用 flutter_sound 套件來建立錄放音功能的 new_audio.dart
有了 App 的 aab 後,就可以上架 Google Play 了,本文詳細的介紹了上架的流程,並提供清楚的操作指引與截圖,上架一點都不難了。
本篇詳細的介紹了怎麼在 Flutter 中分享一個功能,這也是 refactor 的一個很重要部分,我們把播音功能與介面獨立出來,現在可以很簡單的在不同的畫面分享共用。
Flutter 提供了四種 Navigation & Routing 的方式:
前面我們已經學會「N1 直接導航」及「N2 固定名稱路由」,現在讓我們來看看: N3 動態名稱路由:
延續我們的程式碼,它已經準備好可以用來測...
Flutter 在大約在三個禮拜前,發佈了 2.5 版的更新(我目前用的是 2.2.3),我對這種比較大的更新,都憂喜參半,喜的是一定有新功能或是 Bug 被移除了,憂的是通常會帶來新的問題,有時,甚至目前的程式還要做 Migration 搬遷...
Flutter 的 StatefulWidget 從出生到死亡,會有一系列的 methods 通知你它目前的狀態,本文介紹了它的用處。另外也介紹了 FutureBuilder,它可以依照非同步的資料來建立一個「活」的 Widget。
通常一個 App 都會有很多個畫面,在 Flutter 中,大家好像都是用「Screen」來稱呼「畫面」,所以我們以後也統一就叫「Screen」了。 繼續我們的「happy recorder 快樂錄音機」開發,在使用者的情境中,這個 App ...
我們簡介了 Flutter 中的幾個流行的資料庫(SQLite, idb shim, Hive, Sembast, Moor, ObjectBox, Cloud Firebase),也說明了 SQL 與 NoSQL 的主要不同與選擇方法,最後決...
處理錯誤一直是件很重要的事,這裡我們簡介了 Dart 及 Flutter 的錯誤處理方式:除了將 try-catch-finally 做了介紹,也對非同步及 runZonedGuarded 做了簡介,應該很夠用了。