ios - 显示和隐藏 VStack 中的所有内容

Question

我有一个自定义SwiftUI视图，其中我在两端HStack有两个s。VStack

我需要每个都有自己的双击手势来显示和隐藏VStack.

这是我尝试过的：

@State var displayRewind = false

VStack {
    Image("rewind")
         .frame(width: 74, height: 32, alignment: .center)
         .foregroundColor(Color.white)
         .opacity(self.displayRewind ? 1 : 0)
    Text("x seconds")
         .opacity(self.displayRewind ? 1 : 0)
 }
 .onTapGesture(count: 2) {
      withAnimation {
           displayRewind.toggle()
      }
                    
      DispatchQueue.main.asyncAfter(deadline: .now()+1) {
           withAnimation {
                displayRewind.toggle()
           }
      }
 }

现在有了这个，什么都没有发生。如果我删除文本上的不透明度，我会看到文本并且可以双击以显示图像。

目标是一起显示和隐藏这些。

Answer 1

如果你使用 opacity=0，它会阻止点击事件。这是我用于测试的代码，使用 opacity=0.01：

VStack (spacing: 40) {
    Image(systemName: "globe")
        .frame(width: 74, height: 32, alignment: .center)
        .foregroundColor(Color.blue)
    Text("x seconds")
}
.opacity(displayRewind ? 1 : 0.01)
.onTapGesture(count: 2) {
    withAnimation {
        displayRewind.toggle()
    }
    
    DispatchQueue.main.asyncAfter(deadline: .now()+2) {
        withAnimation {
            displayRewind.toggle()
        }
    }
}