SwiftUI macOS 双击列表项

Posted 2023-02-18

【中文标题】SwiftUI macOS 双击列表项

【英文标题】：SwiftUI macOS double tap list item

【发布时间】：2020-10-10 13:02:09

【问题描述】：

我想要一个拆分视图，其中包含可双击的详细视图中的项目。我创建了以下示例来展示我的问题：

struct ContentView: View 
var body: some View 
    NavigationView 
        List(["Hello", "World"])  str in
            NavigationLink(destination: DetailView(title: str)) 
                Text(str)
            
        
    .frame(minWidth: 300, minHeight: 300)
  


struct DetailView: View 

    let title: String
    @State var isShowingAlert = false

    var body: some View 
        VStack 
            Text(title)
            List(["This", "is", "SwiftUI", "!"])  str in
                Text(str).onTapGesture(count: 2) 
                self.isShowingAlert = true
            .alert(isPresented: self.$isShowingAlert)  () -> Alert in
                Alert(title: Text(str), message: Text("This is a hello message"), dismissButton: Alert.Button.default(Text("Ok")))
            
        
    .frame(minWidth: 200)
  

所以 splitview 部分按预期工作。但是当我双击一个行项目时，它总是向我显示两次警报，内容如下。所以我点击哪个项目并不重要。它总是向我显示警报中的第一项和第二项。关闭标题为“This”的第一个警报后，第二个标题显示为“is”：

第一个警报：

第二个警报：

为什么双击会显示两个警报？即使我选择列表中的最后一项，为什么总是前两项？有什么建议或解决方案吗？非常感谢:)

【参考方案1】：

您可以通过将一个警报附加到每个列表行来创建许多警报，并通过切换一种状态来激活所有警报...后果实际上是不可预测的。

相反，它应该只是一个由自己的状态管理的警报。所以这是可能的解决方案：

struct DetailView: View 

    let title: String
    @State private var selectedItem: String = ""
    @State private var isShowingAlert = false

    var body: some View 
        VStack 
            Text(title)
            List(["This", "is", "SwiftUI", "!"])  str in
                Text(str).onTapGesture(count: 2) 
                    self.selectedItem = str        // << store clicked raw item
                    self.isShowingAlert = true     // << activate alert !!
                
            
            .alert(isPresented: self.$isShowingAlert)  // << attach here !!
                Alert(title: Text(self.selectedItem), message: Text("This is a hello message"), dismissButton: Alert.Button.default(Text("Ok")))
            
        .frame(minWidth: 200)