SwiftUI:NavigationLink 在列表中时始终处于激活状态

Question

我无法阻止 SwiftUI 的 NavigationLink 在 List 中被激活，我有这段简单的代码，其中在决定是否显示详细信息页面之前，我需要进行某种业务检查(在真实世界的应用程序中，按钮操作中可能会发生一些业务逻辑):

struct ContentView: View {
    @State var showDetail = false
    var body: some View {
        NavigationView {
            List {
                Text("Text 1")
                Text("Text 2")
                Text("Text 3")
                NavigationLink(destination: DetailView(), isActive: $showDetail) {
                    LinkView(showDetails: $showDetail)

                }
            }
        }
    }
}

struct LinkView: View {
    @Binding var showDetails: Bool

    var body: some View {
        Button(action: {
            self.showDetails = false
        }) {
            Text("Open Details")
        }
    }
}

struct DetailView: View {
    var body: some View {
        Text("Detail View")
    }
}

在这种情况下如何防止导航链接打开详细信息页面？这是 SDK 中的错误吗？

附注XCode 版本:13.3.1 和 iOS 版本(真实设备):13.3.1

编辑

我不能用 ScrollView 替换 List 因为我的真实应用程序中有一个 ForEach 项目列表，所以不要发布考虑使用 的答案 ScrollView 。

Answer 1

in a real world app, there might be some business logic happens inside the button's action

似乎有点不合逻辑。您可以简单地有条件地禁用该链接(并通过视觉外观通知用户该链接不可用)

NavigationLink(...).disabled(onCondition)

在哪里

func disabled(_ disabled: Bool) -> some View

参数

禁用

确定用户是否可以与该 View 交互的 bool 值。

返回值

控制用户是否可以与该 View 交互的 View 。

讨论

View 层次结构中的较高 View 可以覆盖您在此 View 上设置的值。在下面的示例中，按钮不是交互式的，因为外部的 disabled(_:) 修饰符覆盖了内部的:

HStack {
    Button(Text("Press")) {}
    .disabled(false)
}
.disabled(true)