在這個簡單的教程中，我們將創(chuàng)建一個包含自定義“卡片”行的列表視圖，點擊該行時，將導(dǎo)航到詳細(xì)視圖。

該項目是在 Xcode 15 中編寫的，使用 iOS 17 作為目標(biāo) SDK。

我喜歡摩托車并且是一名摩托車騎手，因此決定將此主題用于示例應(yīng)用程序。下面是應(yīng)用程序完成后的樣子。

image.png

本教程是為您設(shè)計的，但是您可以從以下文章底部下載起始和最終示例代碼以及應(yīng)用程序中使用的數(shù)據(jù)（文本文件“摩托車圖像屬性”列出了此示例應(yīng)用程序中使用的圖像的屬性）。

首先，我們需要在 Xcode 中創(chuàng)建一個新的 iOS 應(yīng)用程序項目，并將其命名為 MotorcycleCardNavigation（或任何您喜歡的名稱），并選擇“SwiftUI”作為界面。

image.png

在開始之前，我們需要將圖像導(dǎo)入 Xcode。