如何让 SwiftUI 中的列表能够根据行指向多个视图

Question

一个简单的表达方式是回到 UITableView 并有一个 didSelectRowAt(indexPath) 函数，其行为如下：

if (indexPath.row == 0) { ... } else { ... }

根据 indexPath.row 值，我可以调用一个独特的视图控制器（例如：第一个是 TableView，其他是 CollectionView。

目前，根据目前的两个答案，我可以生成以下代码：

import SwiftUI

struct MenuItem {
    let title: String
    let isEnabled: Bool
}

struct HomeList: View {
    let menuItems = [
        MenuItem(title: "ABC", isEnabled: true),
        MenuItem(title: "DEF", isEnabled: false),
        MenuItem(title: "GHI", isEnabled: true)
    ]

    var body: some View {
        NavigationView {
            List {
                ForEach(menuItems.indices, id: \.self) { index in
                    NavigationLink(destination: menuItems[index].title == "ABC" ?
                        FirstList() :
                        SecondView(menuItem: menuItems[index])) {
                        HomeRow(menuItem: menuItems[index])
                    }
                }
            }
        }
    }
}

struct HomeRow: View {
    var menuItem: MenuItem

    var body: some View {
        HStack {
            Text(verbatim: menuItem.title)
        }
    }
}

struct FirstList: View {
    var body: some View {
            List(1 ..< 5) { index in
                Text("Row \(index)")
            }
            .listStyle(GroupedListStyle())
    }
}

struct SecondView: View {
    var menuItem: MenuItem

    var body: some View {
        Text(menuItem.title)
    }
}

但是，我的 NavigationLink 出现以下错误：

Result values in '? :' expression have mismatching types 'FirstList' and 'SecondView'

由于我的目标是根据标题指向两个不同的视图，因此我想找到一些方法来实现这一点。

superpuccio 发布的答案似乎与我想要的非常接近，但是考虑到目标视图的预期复杂性，我认为编写它是不可行的它们完全在 NavigationLink 中。

Answer 1

我会在目标中包含条件。

var body: some View {
        NavigationView {
            List(1 ..< 5) { idx in
                NavigationLink(destination:
                    idx < 3 ? Text("1111") : Text("2222") ) {
                    Text("Row \(idx)")
                }

            }
            .listStyle(GroupedListStyle())

        }
    }

Answer 2

因为你有一个动态 List 我建议你在 List 中使用 ForEach 这样：

import SwiftUI

struct MenuItem {
    let title: String
    let isEnabled: Bool
}

struct HomeList: View {
    let menuItems = [
        MenuItem(title: "ABC", isEnabled: true),
        MenuItem(title: "DEF", isEnabled: false),
        MenuItem(title: "GHI", isEnabled: true)
    ]

    var body: some View {
        let firstRowModel = menuItems[0]
        let actualModel = menuItems[1...menuItems.count-1]

        return NavigationView {
            List {
                NavigationLink(destination: FirstList()) {
                    HomeRow(menuItem: firstRowModel)
                }
                ForEach(actualModel.indices, id: \.self) { index in
                    NavigationLink(destination: SecondView(menuItem: actualModel[index])) {
                        HomeRow(menuItem: actualModel[index])
                    }
                }
            }
        }
    }
}

struct HomeRow: View {
    var menuItem: MenuItem

    var body: some View {
        HStack {
            Text(verbatim: menuItem.title)
        }
    }
}

struct FirstList: View {
    var body: some View {
            List(1 ..< 5) { index in
                Text("Row \(index)")
            }
            .listStyle(GroupedListStyle())
    }
}

struct SecondView: View {
    var menuItem: MenuItem

    var body: some View {
        Text(menuItem.title)
    }
}

如何让 SwiftUI 中的列表能够根据行指向多个视图

How to have a List in SwiftUI able to point to multiple views based upon the row

swiftui

ios13

navigationlink

ios-navigationview