Swift UI @State 会在第一次点击时设置

Question

我有一个自定义视图的简单列表。需要做的是，当其中一项被 selected 时，它需要显示该项目的详细视图。在我的代码中，当我第一次 select 一个项目时，@Statet selectedListener 没有被设置，所以细节视图不会出现。如果我保留 selecting 之前 selected 的相同项目，则行为保持不变。但是，如果我 select 一个不同的项目，它可以正常工作，我可以返回到上一个项目并查看其详细信息视图而不会出现问题。这是我正在尝试做的一件如此简单的事情，只是无法弄清楚我可能做错了什么。任何帮助，将不胜感激。谢谢。

struct ListenersListView<Model>: View where Model: ActiveListenerViewModel {

@ObservedObject var viewModel: Model
@State var showDetail = false
@State var selectedListener: UserProfile? = nil

var body: some View {
    ScrollView {
        VStack(spacing:20) {
            ForEach(viewModel.allActiveListeners) { listener in
                UserImageSection(listener: listener,
                                 subtext: listener.supportAreas)
                    .onTapGesture(perform: {
                        handleTap(listener)
                    })
            }
        }
        
    }
    .padding(.horizontal,20)
    .sheet(isPresented: $showDetail, content: {
        if let listener = selectedListener {
            ListenerDetailView(listener: listener)
        }
        else {
            // It should never come here but when the first item is selected it does. The only way to not come here is to select another item after the first item has been selected.
            Text("Listener not loaded yet")
        }
    })
    
    
}

private func handleTap(_ listener: UserProfile) {
    print("Showing listener \(listener.id)")
    self.selectedListener = listener
    showDetail = true
    
}

}

Answer 1

这似乎是 iOS 14.*

中的错误

请看this

当我在您的 State 代码中删除可选时，它起作用了。所以请参考这个。

（我稍微改动了一下，以便在我这边进行测试。）

@State var showDetail = false
@State var selectedListener: String = ""

var body: some View {
    ScrollView {
        VStack {
            Text("Click")
        }
        .contentShape(Rectangle())
        .onTapGesture {
            handleTap("Handle!")
        }
    }
    .padding(.horizontal,20)
    .sheet(isPresented: $showDetail, content: {
        if let listener = selectedListener {
            Text("Get called")
        }
        else {
            // It should never come here but when the first item is selected it does. The only way to not come here is to select another item after the first item has been selected.
            Text("Listener not loaded yet")
        }
    })
}

private func handleTap(_ listener: String) {
    print("Showing listener \(listener)")
    self.selectedListener = listener
    print(self.selectedListener)
    showDetail = true
}

Answer 2

在 iOS14 中，为了让 .sheet 显示最新数据，您必须使用 sheet(item:) 而不是 .sheet(isPresented:)

你可以在这里看到我的另一个答案：和

在您的具体情况下，很难判断，因为我没有您的 UserProfile 代码，但我建议您：

摆脱你的showDetail状态变量
确保UserProfile符合Identifiable
将您的 sheet(isPresented:) 更改为：

.sheet(item: $selectedListener) { listener in 
  ListenerDetailView(listener: listener)
}

Swift UI @State 会在第一次点击时设置

Swift UI @State does get set on the first tap

swiftui

swiftui-state

swiftui-ontapgesture