如何使用NavigationLink在列表行中添加其他可选区域？

使用NavigationLink在列表行中添加其他可选区域可以通过在列表行的内容视图中嵌套一个NavigationLink，并在其后添加其他视图来实现。

具体步骤如下：

创建一个列表，并在每个列表行中添加一个NavigationLink。例如：

List {
    ForEach(items) { item in
        NavigationLink(destination: DetailView(item: item)) {
            Text(item.name)
        }
    }
}

在NavigationLink的闭包中，可以添加其他视图作为列表行的其他可选区域。例如：

List {
    ForEach(items) { item in
        NavigationLink(destination: DetailView(item: item)) {
            VStack(alignment: .leading) {
                Text(item.name)
                if item.isFavorite {
                    Image(systemName: "star.fill")
                        .foregroundColor(.yellow)
                }
            }
        }
    }
}

在上述示例中，如果item的isFavorite属性为true，则会在列表行的末尾添加一个黄色的星星图标。

在目标视图（即DetailView）中，可以根据需要显示其他详细信息。例如：

struct DetailView: View {
    var item: Item
    
    var body: some View {
        VStack {
            Text(item.name)
                .font(.title)
            Text(item.description)
                .foregroundColor(.secondary)
        }
    }
}

在上述示例中，DetailView显示了item的名称和描述信息。

需要注意的是，以上示例中的items和Item仅为示意，具体的数据结构和内容应根据实际情况进行调整。

推荐的腾讯云相关产品：腾讯云移动应用托管（Mobile Application Hosting），产品介绍链接地址：https://cloud.tencent.com/product/mah