Swiftui-导航链接多次打开相同的视图

Question

我在Viewa中有一个有3行的列表。 Viewa是主要视图的孙子（不确定此信息是否重要，而只是提供，因为我不知道实际错误在哪里。这是堆栈是contentView的方式 - ＆gt; opens obles obles菜单视图（mmv） - ＆gt;从MMV中选择一个项目 - ＆gt; gt＆gt;

当我单击Viewa中的一行时，另一个视图应打开，假设ViewB。但是，我看到ViewB实例化了3次，即我看到ViewB出现在屏幕上3次，然后在最后一个实例停止。

我不确定为什么会发生这种情况以及实际错误是什么。这是我的代码：

viewa（menuviewoptions）：

struct MenuViewOptions: View {
    @State var destination: MenuViewType?
    var isActive: Binding<Bool> { Binding(get: { destination != nil }, set: { _ in destination = nil } ) }
    
    var body: some View {
        VStack {
            List(SettingsOptions().menuViewSettingsOptions) { item in
                NavigationLink(isActive: isActive, destination: {destination?.view} ) {
                    MenuViewOptionRowView(menuViewItem: item, destination: $destination)
                }
            }
        }.navigationBarTitle("Settings")
    }
}

menuviewType代码：

enum MenuViewType: Int, CaseIterable, Hashable {
    case circularGrid = 0, regularList = 1, capsuleGrid = 2
    
    @ViewBuilder var view: some View {
        switch self {
            case .circularGrid: MainMenuCircularGridViewNew()
            case .regularList: MainMenuListView()
            case .capsuleGrid: MainMenuCapsuleGridView()
        }
    }
}

settingsoptions（） .menuviewsettingsoptions代码：

struct SettingsOptions {
    // View inside menu view settings
    let menuViewSettingsOptions: [MenuViewSettingsItem] = [
        MenuViewSettingsItem(id: 0, name: "Circular Grid", imageName: "circle.grid.2x2", isSelected: false),
        MenuViewSettingsItem(id: 1, name: "List", imageName: "list.dash", isSelected: false),
        MenuViewSettingsItem(id: 2, name: "Capsule Grid", imageName: "rectangle.grid.2x2", isSelected: false),
    ]
}

menuviewoptionrowview代码

struct MenuViewOptionRowView: View {
    
    let menuViewItem: MenuViewSettingsItem
    @ObservedObject var userSettingsStore = UserSettingsStore()
    @Binding var destination: MenuViewType?

    var body: some View {
        HStack {
            Image(systemName: menuViewItem.imageName)
                .circularImageStyle(width: 15, height: 15, padding: 5, backgroundColor: Color(red: 34 / 255, green: 34 / 255, blue: 34 / 255), foregroundColor: Color(red: 23 / 255, green: 121 / 255, blue: 232 / 255))
            Text(menuViewItem.name)
            Spacer()
            if menuViewItem.id == userSettingsStore.menuViewSelection {
                Image(systemName: "checkmark").foregroundColor(Color(red: 23 / 255, green: 121 / 255, blue: 232 / 255))
            }
        }.onTapGesture {
            userSettingsStore.menuViewSelection = self.menuViewItem.id
            destination = MenuViewType(rawValue: self.menuViewItem.id)
        }
    }
}

基本上，我将在Menuviewoptionrowview中设置目的地。我看到该行导航到正确的视图，但只是该视图实例化了3次，我不确定是否是因为我在列表中有3行。

如果您对可能是问题有什么想法，请告诉我。 Swiftui的新手。

谢谢！

Answer 1

您将目标设置一次，但是您可以激活列表中的所有链接，因为它们都绑定到一个ISACTIVE。

使用这样的代码设计，我将提出以下解决方案：一个目的地 - 一个链接，目的地已经设置在点击中，因此...（有关代码是不可测试的，所以AS -IS）

List(SettingsOptions().menuViewSettingsOptions) { item in
    MenuViewOptionRowView(menuViewItem: item, destination: $destination)
}
.background(
    NavigationLink(isActive: isActive, destination: {destination?.view} ) {
        EmptyView()
    }
)