List: SwiftUI | Curated by 彼得潘的 iOS App Neverland

Apr 1, 2025
260 stories
3 saves
SwiftUI
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
調整 SwiftUI Image 顯示的區塊當我們使用 SwiftUI Image 顯示圖片時，時常會用 scaledToFill & frame 設定圖片維持比例填滿指定的寬高，然後再用 clipped 切除超過 frame 的區塊。
1d ago
1d ago
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
SwiftUI embed 多個 view 的方法開發 SwiftUI App 時，我們時常會用 VStack、HStack、List 等容器元件包住多個元件，比方以下例子。
Mar 26
Mar 26
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
傳遞到 subview / child view 的 SwiftUI Modifier開發 SwiftUI App 時，我們常利用 modifier 調整元件的樣式功能，比方以下例子調整圖文的字體大小，顏色和斜體。
Mar 13
5
Mar 13
5
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
使用 GitHub Copilot 生成 SwiftUI preview 需要的假資料設計 SwiftUI 畫面時，我們時常在 preview 生成畫面需要的假資料。以下我們示範使用 VS Code 搭配 GitHub Copilot 生成 SwiftUI preview 需要的假資料。
Mar 11
50
Mar 11
50
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
使用 ChatGPT App 生成 SwiftUI preview 需要的假資料設計 SwiftUI 畫面時，我們時常在 preview 生成畫面需要的假資料。以下我們示範使用 ChatGPT App 生成 SwiftUI preview 需要的假資料
Mar 11
1
Mar 11
1
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
SwiftUI stack & frame 控制對齊的 alignment設計 SwiftUI App 畫面時，我們常常用 stack 排版畫面，而 stack & frame modifier  都有著控制對齊的參數 alignment，它們有什麼差別呢 ?
Mar 10
Mar 10
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
使用 AI 幫 SwiftUI Extract Subview / Flutter Extract Widget開發 SwiftUI / Flutter App 時，我們時常透過 IDE 將元件切出來變成獨立的型別，例如以下兩種例子。
Mar 9
2
Mar 9
2
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
SwiftUI 實現特定形狀背景的各種方法開發 SwiftUI App 時，我們常常會設計特定形狀的背景，比方圓角矩形和圓形。以下我們以 VStack 為例，示範讓它搭配黃色圓角矩形背景的各種方法。
Mar 8
10
Mar 8
10
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
SwiftUI 設計線條樣式的 StrokeStyleSwiftUI 的形狀可以利用 stroke 畫出線條，比方以下程式利用 Path 畫出帥氣的勾勾圖案。
Mar 19, 2020
31
Mar 19, 2020
31
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
SwiftUI modifier 的順序(order)開發 SwiftUI App 時，我們常串接多個 modifier 調整元件的樣式跟功能。大部分的 modifier 可以用任意順序串接，然而某些 modifier 卻要特別注意順序問題，以下我們分幾種情況討論。
Mar 1
10
Mar 1
10
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
使用 Claude Code 開發 SwiftUI / Flutter App最近 Anthropic 推出強大的 Claude Code，我們可以從 Terminal 跟它互動，請它研究、修改、說明、debug、review、版本管理專案資料夾下的程式。
Feb 26
40
Feb 26
40
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
利用 SwiftUI 的 scaledToFit 顯示完整圖片製作 iOS App 畫面時，有時我們會想要圖片維持比例地佔滿可用空間，而且整張圖都能完整顯示，在 SwiftUI 有個很簡單的方法可實現這樣的效果。
Oct 25, 2019
8
Oct 25, 2019
8
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
解析 Google 表單提交的網路請求，開發上傳表單資料的 App最近經過 AI 的指導，彼得潘學會當我們提交 Google 表單時，其實是發送x-www-form-urlencoded 格式的資料。
Jan 20
10
Jan 20
10
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
SwiftUI / UIKit 產生 asset & SF Symbol 圖片的差異開發 iOS App 時，我們時常需要產生來自 asset & SF Symbol 的圖片，兩者寫法的參數名有些許不同。
Jan 10
1
Jan 10
1
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
讓 SwiftUI List / Form row 裡的元件可以分別點選SwiftUI 的 List / Form 很適合呈現清單頁面，然而若每筆資料的長方形區塊(row)想有不同的點擊區域，則需要額外處理。
Dec 26, 2024
2
Dec 26, 2024
2
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
SwiftData 在 Swift Playgrounds 的 App Preview 問題最近有同學使用 Swift Playgrounds 或 Xcode 的 App Playground 專案開發搭配 SwiftData 功能的 App，遇到 App Preview 的 @Query 無法抓到新增的資料，但模擬器卻能正常運作的奇怪問題。
Dec 14, 2024
3
Dec 14, 2024
3
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
實現 Swift Charts 長條圖(BarMark)的動畫透過 Swift Charts 的 BarMark 我們可以快速做出長條圖，例如以下顯示寶可夢傳說角色彼得潘的例子(誤)。
Dec 9, 2024
56
Dec 9, 2024
56
In
彼得潘的 999 道 SwiftUI / UIKit / Flutter / Jetpack Compose App 謎題
by
彼得潘的 iOS App Neverland
#240 使用地圖開發景點介紹頁面利用地圖開發景點介紹頁面。
Dec 5, 2024
50
Dec 5, 2024
50
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
使用 Windsurf 的 AI Cascade 修改專案程式現在 IDE 的 AI 功能愈來愈厲害，許多 IDE 的 AI 都可以分析整個專案，直接對專案的多個檔案進行修改。
Nov 28, 2024
62
Nov 28, 2024
62
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
利用 SwiftUI 的 presentationDetents 和 presentationCornerRadius 控制頁面的高度和圓角弧度當我們使用 SwiftUI 的 sheet 顯示新頁面時，預設它會顯示接近全螢幕的高度，背後露出一小塊前一頁的內容，例如以下例子 AlbumView 顯示 Penny 好聽的新專輯雙生火焰。
Nov 15, 2024
2
Nov 15, 2024
2