小米手環與 iPhone 內建 App 《健康》連接的正確設定方式,及使用感想。
這篇文章 2021/5 月寫的,此時 Flutter 是 2.2.0 版,使用的是 Mac,OS 是 11.4。 Flutter SDK Flutter 版本隨著時間自然後一直往前,所以安裝還是要依照官方的程序為準,以下是官方網址: In...
先寫結論,我認爲如果你只能買一台電腦,那就買 Mac,而且是一個好投資。 我個人的經驗也很有趣,因為我一開始其實是很排斥用 Mac 的! 我寫 Rails 大概有五年了,而我的 MacBook Pro 卻已經有八歲了,所以,當我在學 Rail...
我用 iPhone 6+,應該沒資格被稱為是果粉,因為用了六年,面板的玻璃都被摔裂了,可是我覺得還可用,沒換,可見,我的蘋果教的信仰不夠虔誠,Job! Job! Job! 只是,去年(2019)九月後,蘋果停止更新 iPhone 6+ 作業系...
使用 responsive_framework 套件開發 Flutter Responsive 響應式 UX
基本上,只要是機器或軟體用的好好的,我是一定不會升級的,升級真的是太花時間了...... 事出必有因,我要開發網頁的暗黑模式( dark mode ),一定要有新的 safari,沒辦法,只有升級了。 運氣好,我這台 MacBook Pro ...
使用 CustomPaint() 及 isolate() / compuate() 畫出 PCM 音檔的波形圖,使用者可選擇顯示區間,及優化使用者體驗
我們簡介了 Flutter 中的幾個流行的資料庫(SQLite, idb shim, Hive, Sembast, Moor, ObjectBox, Cloud Firebase),也說明了 SQL 與 NoSQL 的主要不同與選擇方法,最後決...
「快樂錄音機 App」一路從零開始開發,目前到 0.6 版,已經可以錄音、播放、存檔與使用資料庫紀錄了,為了讓讀者能更好的比對自己開發的結果,我把剛剛使用 BLoC 來做的播放音 refactor 部分做成了一個 GIF 動畫,可惜 GIF 沒...
處理錯誤一直是件很重要的事,這裡我們簡介了 Dart 及 Flutter 的錯誤處理方式:除了將 try-catch-finally 做了介紹,也對非同步及 runZonedGuarded 做了簡介,應該很夠用了。
很多 App 都需要支援多國語言,如果是,開發階段一定要儘早寫入,不然以後加入會改到吐血。本文深入淺出的介紹了 Flutter 的 I18n 及 L10n,學會怎麼設定多國語言,怎麼切換語言,以及中文 numberFormat 及 date 的...
本篇詳細的介紹了怎麼在 Flutter 中分享一個功能,這也是 refactor 的一個很重要部分,我們把播音功能與介面獨立出來,現在可以很簡單的在不同的畫面分享共用。
Flutter 的 StatefulWidget 從出生到死亡,會有一系列的 methods 通知你它目前的狀態,本文介紹了它的用處。另外也介紹了 FutureBuilder,它可以依照非同步的資料來建立一個「活」的 Widget。
學會打開 iOS 的錄音及其他許可,讓我們的「快樂錄音機」App 可以在 iOS 執行。我們也深入介紹了 iOS 的 Podfile 及 Flutter 如何自動建立 Podfile 的秘密。
這篇詳細的說明 Hive 的安裝、設定與起始方法,包含會遇到的問題,我們用 Hive 來儲存使用者喜好,也順便示範 Hive 的基本用法。
真的會想要罵髒話,因為我怎麼能不相信蘋果大神呢?!大不敬啊~~~~ 話說,最近 CoVID 大惡魔降臨,大家都被病毒關在家,我也是那個「幸運」的大家,我平常上班就已經遲到早退又摸魚了,現在更是天天晚睡晚起翹腳看報悠悠過日,爽的很呢,不過,太爽...
我們用 flutter_sound 套件建立好錄放音功能了,附上完整的程式碼,另外,也深入介紹了選擇 package 時的注意事項。
在 Android 中使用 flutter_sound 必須要修改 Manifest 及 Gradle,它們是什麼?我們針對使用 flutter 的開發人,做了份簡單易懂的介紹。
深入介紹 Responsive 響應式 UX 是什麼,及如何使用 responsive_framework 套件來快速的開發。
這篇用了一萬多個字來仔細介紹 Google Drive API v3 在 Flutter 裡面的檔案存取用法,一定要抱怨一下, Flutter 的文件說明真是太不清楚了,花了很多時間錯誤嘗試,才終於會動了。
我發現眾多在網路上關於 Flutter 使用 Google Drive 的介紹文章都不完整,很多都只講了一部分,如果照著做,大多都不能執行;另外相關的套件也已改版多次,造成很多網路上的分享也都過時了,本文嘗試一次講清楚,完整的介紹 Google...
這篇一萬多字,我花了很多時間來寫,主要是希望能簡單易懂的介紹新版 Flutter_bloc 8.0 的用法,當然也介紹了 DI 依賴注入,使用 GetX 來管理,不只理論,更著重實務應用技巧。
這篇是 Hive 的進階的用法,除了介紹 CRUD 以外,我們還展示了怎麼用 key 排序,不只英文,還可以排中文,也展示怎麼做欄位排序及過濾。
「快樂錄音機」現在可以將錄音檔的波形顯示出來了,而且還可以放大進去看。 使用 Flutter CustomPaint 及多工的 isolate 的 compute() 開發,下面是在 iPad 模擬器上執行的動畫:
前幾天,也就是 2021 年 12 月 9 號,Flutter 又宣布有新的 2.8 版了,距離我上次 10 月更新到 2.5 版失敗,也不過才兩個月,話說,Flutter 改版也太快了吧,不過也好啦,這代表 Flutter 團隊有認真在開發,...
「快樂錄音機」除了可以錄放音外,現在也可以將音檔存取在 Google 硬碟中了,透過 Google 硬碟,「快樂錄音機」也可以分享錄音檔了。 這是使用 Google Drive API v3 所開發的下載分享音檔功能動畫:
這是使用 G...
深入 CustomPaint(),導入多工 isolate() 計算複雜的波形資料,優化使用者體驗,正面對決巨量繪圖的挑戰
iOS 與 Android 的 App icon 不同,那在 Flutter 中要怎麼設計才會都支援?如何確定不會被切掉或太小看不到呢?還有,App 的名稱又要怎麼做多國語言呢?我們一次全部講清楚!
Flutter App 起始 Splash 畫面的開發介紹,也深入了解各平台的設定,不是很深,但是夠用了
上傳下載都是很慢的動作,如何讓使用者知道進度,如何避免重複上傳下載,如何到處都可以傳送通知等等,這些都是非同步 UX 的設計重點與挑戰,這些都在本文中有詳細的說明。