利用 Cloud Firestore 實現資料的建立，讀取，修改 & 刪除

Firebase 提供強大的 Firestore…

利用 SPM 在 Xcode 專案加入 Firebase 套件

Firebase 從 6.31.0 版開始，可以從 Xcode 內建的套件管理工具 SPM 安裝了 ! (須搭配 Xcode 12)

collection view & table view 的網路圖片顯示問題

開發 iOS App 時，我們時常在 collection view & table view 的 cell…

SwiftUI 將多個元件組合的 Group

SwiftUI 擅長展開 & 折疊的 DisclosureGroup

使用 iOS App 時，我們時常看到可以展開折疊的頁面設計。Apple 在 iOS 14 推出了專門實現展開(expand) & 折疊(collapse)功能的 DisclosureGroup，接下來就讓我們以彼得潘喜歡的推理小說家為例看它表演吧。

利用 hitTest 點選超出 superview bounds 的元件

當我們點選 iOS App 畫面上的元件時，正常情況下超出 superview 範圍(bounds)的元件是不能點選的，例如下圖 X button 只有在黃色 view 裡的範圍可以點擊。

串接 API 不能不懂的 JSON

開發 iOS App 時，我們時常串接後台的 API，將後台回傳的 JSON 資料顯示在 App 畫面上，因此看懂 JSON 是十分重要的一件事。接下來就讓我們試著了解 JSON 跟學習快速看懂它的小技巧吧。

JSON 是什麼 ?

JSON 是一種資料格式，主要以 [ ]，{ }，字串，數字 & bool(true或false) 描述資料的內容。

顯示 Xcode 的 Console

開發 iOS App 時，print 印出的訊息會顯示在 Xcode 右下角的 Console。比方我們半夜睡不著，一直點選畫面上的 Console 去哪了時，應該會看到 hello 不斷印出。

SwiftUI 顯示圖文並排的 Label

開發 iOS App 時，我們時常看到圖片在左，文字在右的設計。這樣的設計，可以簡單地透過 HStack 呈現。

HStack {
    Image(systemName…

透過 encode(to:) 將 JSON 裡的 array 或物件變成字串上傳

透過 JSONEncoder 的幫忙，我們可以將自訂型別的資料轉換成 Data 型別，上傳 JSON 格式的資料到後台。例如以下例子: