如何在 Flutter 使用 Router 實作 AppLink?

當需要 Flutter 實作 App Link,有兩種途徑可以實現。這篇筆記主要說明如何使用 Router 的方式實作 URL-based 的 App Link。Router 是 Navigator 2.0 所包含的元件之一。

由於行動裝置的路由狀態普遍是採用 push/pop 的線性模型,抽象可理解為 stack 資料結構,因此當遇到我們想把 App 的使用情境延伸到桌面程式或是 Web App 原本的 Navigator 1.0 就顯得有點捉襟見著了,隨著 Flutter 開始支援 Desktop App 的跨平台開發,官方推出 Navigator 2.0 如此大幅度的更新也就不意外。

繼續閱讀⋯⋯
2022 鹿港行
2022 從臺中鹿港兩日四萬步深度旅行開始。此次入住民宿位於天后宮旁的宮后文旅,該館位處美食與景點要衝,不管去向何處都非常方便,惟該棟僅三層樓高,因此未設有電梯,如果家人行動不便,則不建議選擇此間。 臺中主要是去看彩虹眷村,果然名不虛傳,值得一去,只是該處附近僅有一家貓門餐廳,費用高昂,讓我頗有肥羊被宰之感,讀者若欲去該處,最好還是在它處飽食後再前往,才不會在旅途中夾雜了幾絲怨氣。 在散策過程中,中山路走了不下九遍,可說該路地位相當於北市忠孝東路,迷路中可作為北極星、定海神針,讓你在不打開手機地圖下知道仍可快速知曉自己位置。兩日步行真是耗體力,尤其腳底特…
繼續閱讀⋯⋯
如何在 Flutter 上產生測試資料 ?
Flutter 上最多人 Like 的套件是 Faker,據套件官網描述:「faker is heavily inspired by the Python package faker, and the Ruby package ffaker.」,然而截至 2022 為止,多國語系仍然不支援 (issue:30),在 2021 五月後,便沒有任何維護的跡象,故不建議使用。 第二多人 like 的是 faker.dart。據套件官網描述:「Faker.dart is a dart port of the famous faker.js package for…
繼續閱讀⋯⋯
如何在 Flutter 使用 JavaScript NPM 套件?
在前端開發中,生態系最豐富且最有宰制力的程式語言是 JavaScript。Flutter 作為後進者,很多方便的套件都沒有,要是能直接在 Flutter 上使用 JavaScript 存在的資源,是不是太棒了? 本篇告訴你怎麼在 Flutter 上偷吃步,不用每一個需求都自己刻 。 要在 Flutter 中使用 JavaScript 的 NPM 模組,我們可以透過一種巧妙的方法來實現語言互操作性(Interoperability)。簡單來說,就是使用 Webpack 將 JavaScript 模組轉譯並打包成一個單一的 bundle.js 文件,然後將其…
繼續閱讀⋯⋯