從使用情境來介紹 Flutter 的輸入,讓你知道有沒有 Form 的使用差異,再深入 Controller 與 FocusNode,讓你完整駕馭 Flutter 的輸入。
從使用情境來完整的介紹 Flutter 的 TextFormField 輸入,還包含:Controller 與 FocusNode
flutter_sound 使用在 Web 時,需要安裝 javascript,怎麼裝?網頁與 App 大不同,很多 packages 也不支援 web,怎麼辦?瀏覽器也大不同,怎麼辦?本文都有介紹,也教你架設簡易 Flutter 網站。
在 Android 中使用 flutter_sound 必須要修改 Manifest 及 Gradle,它們是什麼?我們針對使用 flutter 的開發人,做了份簡單易懂的介紹。
處理錯誤一直是件很重要的事,這裡我們簡介了 Dart 及 Flutter 的錯誤處理方式:除了將 try-catch-finally 做了介紹,也對非同步及 runZonedGuarded 做了簡介,應該很夠用了。
Flutter 的 StatefulWidget 從出生到死亡,會有一系列的 methods 通知你它目前的狀態,本文介紹了它的用處。另外也介紹了 FutureBuilder,它可以依照非同步的資料來建立一個「活」的 Widget。
將近一萬個字的詳細介紹,你會學到 threads, isolates, event loop 跟 Future 及 Stream 的關係,然後了解原來 await 不過是個新寫法,還會知道 sync* 及 async* 的不同。
學會打開 iOS 的錄音及其他許可,讓我們的「快樂錄音機」App 可以在 iOS 執行。我們也深入介紹了 iOS 的 Podfile 及 Flutter 如何自動建立 Podfile 的秘密。
我們用 flutter_sound 套件建立好錄放音功能了,附上完整的程式碼,另外,也深入介紹了選擇 package 時的注意事項。
主要新增使用 flutter_sound 套件來建立錄放音功能的 new_audio.dart
很多 App 都需要支援多國語言,如果是,開發階段一定要儘早寫入,不然以後加入會改到吐血。本文深入淺出的介紹了 Flutter 的 I18n 及 L10n,學會怎麼設定多國語言,怎麼切換語言,以及中文 numberFormat 及 date 的...
Flutter 2.2 多國語言及切換程式碼範例。
自由的切換 UI 黑暗或是明亮模式 我們的 UI 現在會依照作業系統的預設自動切換到黑暗或是明亮模式,很棒,只是,好像,還不夠好,能不能讓使用者自由的切換呢? 要怎麼做呢?請各位先想一想!
延續我們的程式碼,如果有人現在才加入,目前階...
這一篇希望可以解救工程師的靈魂,因為有太多的工程師因為 UX/UI 的改來改去而氣到翻臉,哎,何必呢,除了要訓練自己的時時保持出世與正向外,儘早將 UX/UI 的控制獨立,會是最好的解決方式。相信我,老闆跟 designer 也不是故意玩你,他...
這是 milestone 4 的程式碼: lib/main.dart:
lib/theme/style.dart:
lib/theme/custom_widgets.dart:
lib/screens/my_ho...
這是 milestone 3 的程式碼: lib/main.dart:
lib/screens/my_home_page.dart:
lib/screens/audio...
這是 milestone 2 的程式碼: lib/main.dart:
lib/screens/audio_session.dart:
lib/s...
這是 milestone 1 的程式碼: lib/main.dart:
lib/mod...
Flutter 提供了四種 Navigation & Routing 的方式:
前面我們已經學會「N1 直接導航」及「N2 固定名稱路由」,現在讓我們來看看: N3 動態名稱路由:
延續我們的程式碼,它已經準備好可以用來測...
延續前一篇的文章: 穿梭在不同的畫面中 - 固定名稱路由法 — 如前文所述,Flutter 有四種 Navigation & Routing 的方式: 我們已經學過了「N1/直接導航法」,現在來看第二種,「固定名稱路由法」。 ...
如前文所述,Flutter 有四種 Navigation & Routing 的方式:
我們已經學過了「N1/直接導航法」,這種直接導航的方式,說直白的,就是把要去的 screen 包成一個 Route,好處是很直接,小缺點是如果...
我們才剛開始寫 Flutter,只有兩個基本上空空的畫面 Screens,可是光是這樣,main.dart 裏面就已經有 120 行了,如果再繼續寫下去,很快就會有幾千行的程式碼,程式碼太長是很麻煩的,想想看,你要修改的程式內容一個在頭、一個在...
通常一個 App 都會有很多個畫面,在 Flutter 中,大家好像都是用「Screen」來稱呼「畫面」,所以我們以後也統一就叫「Screen」了。 繼續我們的「happy recorder 快樂錄音機」開發,在使用者的情境中,這個 App ...
如果你照著我之前寫的安裝程式,你的 Android Studio 跟 Flutter 2 SDK 應該都已經裝好了,所以我們現在就可以開始寫 Flutter 了。 寫程式前有一個很重要的建議,就是剛開始學習時,當然可以照著書寫,但是要真學會,...
這篇文章 2021/5 月寫的,此時 Flutter 是 2.2.0 版,使用的是 Mac,OS 是 11.4。 Flutter SDK Flutter 版本隨著時間自然後一直往前,所以安裝還是要依照官方的程序為準,以下是官方網址: In...
Lazy Loading 的重要: Lazy Loading 就是「懶惰的載入」。 目前 Lazy loading 都是用在圖檔,所以,Lazy Loading 就是:「懶惰的只載入網頁中看的到的部分圖檔」。有什麼用呢?有大用,而且很重要,...
Google 搞了一個 PageSpeed Insights 來讓大家練武功,比拼速度,好玩的是,他還自己出了一個外掛:mod_pagespeed,只是,它真的有用嗎?
這個外掛是給 Apache 或是 Nginx 用的,兩個版本不同,安...
寫這個很心虛,因為有太多的不確定,我也是剛在摸索,我當作是紀錄,有緣的讀者就當作是笑話來看吧。
我想大家辛苦做出來的網站上線後,不管是被 PageSpeed Insights 建議,或是要用 CDN,或是自己突然想到,大概都會把 HTTP...
寫網頁,到後來就會走火入魔,想要跟人比拼速度,當然啦,後面還有一個 Google 大神在鞭策,一天到晚在恐嚇著我們這些可憐寫程式的,說:你的網頁太慢,SEO 就會很爛,哼,我就不相信,如果我的內容是個寶,你敢不連我,可是,我知道,我的內容就不是...
閒來無事,真的是沒事不要亂改 code,改了就會出事,還好...... 沒人發現,老闆也不知道! 話說,有一天讀到,在 HTML5 的 <html> 中,要加入 lang= 來標註網頁的語系,這樣,除了瀏覽器能更正確的編碼,對...