SwiftUI onTapGesture 仅调用一次

Posted 2023-03-15

【中文标题】SwiftUI onTapGesture 仅调用一次

【英文标题】：SwiftUI onTapGesture called only once

【发布时间】：2020-08-12 17:16:08

【问题描述】：

我正在开发这个包含多个视图组件的音频播放器。 当我们单击中间视图中的任意位置时，我添加了一种隐藏/显示顶视图和底视图的方法。

之前它工作正常，但最近当我再次尝试时，它只会关闭它并且不会再次触发onTapGesture。

我相信与之前的唯一区别是视图是在视图控制器中呈现而不是推送。

我尝试在onEnded() 上使用带有TapGesture() 的自定义手势，但结果相同。 我还尝试添加一个矩形形状，如 [此处][1] 所述。

struct PlayerView: View 
    @ObservedObject private var playerState = PlayerState()
    @Binding var isPlayerReduced: Bool

    private let interfaceColor: Color = .gray//.black
    private let interfaceOpacity: Double = 0.9
    private let interfaceAnimationDuration: Double = 0.4

    var body: some View 
        ZStack(content: 
            GeometryReader(content:  geometry in
                VStack(content: 
                    if !self.playerState.isInterfaceHidden 
                        TopPlayerView(playerState: self.playerState,
                                      isPlayerReduced: self.$isPlayerReduced)
                            .transition(.opacity)
                            .background(self.interfaceColor.opacity(self.interfaceOpacity))
                    
                    MiddlePlayerView(skipIntro: self.$playerState.skipIntro)
                        // Allow to spread the background zone for click purposes
                        .background(Color.clear)
                        // I want to have the middle under my TopPlayer and my BottomPlayer
                        .zIndex(-1)
                        .onTapGesture(perform: 
                            withAnimation(.easeInOut(duration: self.interfaceAnimationDuration)) 
                                self.playerState.isInterfaceHidden.toggle()
                            
                        )
                    //                            .gesture(TapGesture()
                    //                                .onEnded( _ in
                    //                                ))
                    if !self.playerState.isInterfaceHidden 
                        BottomPlayerView(playerState: self.playerState)
                            .padding(.bottom, geometry.safeAreaInsets.bottom)
                            .transition(.opacity)
                            .background(self.interfaceColor.opacity(self.interfaceOpacity))
                    
                )
            )
        )
            .background(Color.black)
            .edgesIgnoringSafeArea(.all)
            .navigationBarTitle("")
            .navigationBarHidden(true)
    

我有点没有想法，欢迎任何帮助！谢谢！

【问题讨论】：

如果你的中间视图是 under 其他的，那么一旦两个顶部都是不透明的（在任何值下），低于一个就不会被点击。更确切地说，它需要可测试的代码来重现。

哦，我明白了，让我看看这个，如果有什么我会更新！

哦，但我试过没有 zIndex，这是同样的问题。我放了一个红色背景，以便能够看到视图移动的位置。

视图位于 VStack 中，因此它们不会相互混合。然后当它关闭时，视图不会展开，因此中间视图保持在顶部。

【参考方案1】：

好的，所以在触及这段代码中的所有可能之后。我最终使它工作。 不同之处在于我将填充放在我的视图中。 我将填充切换到VStack，而不是我在VStack 中的视图。 现在好像可以了。

我在工作代码下面发布。

var body: some View 
        ZStack(alignment: .center, content: 
            GeometryReader(content:  geometry in
                VStack(content: 
                    self.topMarker()
                    if !self.playerState.isInterfaceHidden 
                        TopPlayerView(playerState: self.playerState,
                                      isPlayerReduced: self.$isPlayerReduced)
                            .transition(.opacity)
                            .background(self.interfaceColor.opacity(self.interfaceOpacity))
                    
                    MiddlePlayerView(skipIntro: self.$playerState.skipIntro)
                        // Allow to spread the background zone for click purposes
                        .background(Color.white.opacity(0.00000001))
                        // I want to have the middle under my TopPlayer and my BottomPlayer
                        .zIndex(-1)
                        .onTapGesture(perform: 
                            withAnimation(.easeInOut(duration: self.interfaceAnimationDuration)) 
                                self.playerState.isInterfaceHidden.toggle()
                            
                        )
                    if !self.playerState.isInterfaceHidden 
                        BottomPlayerView(playerState: self.playerState)
                            .transition(.opacity)
                            .background(self.interfaceColor.opacity(self.interfaceOpacity))
                    
                )
                    .padding(.top, 8)
                    .padding(.bottom, geometry.safeAreaInsets.bottom)
            )
        )
            .background(Color.black)
            .edgesIgnoringSafeArea(.all)
            .navigationBarTitle("")
            .navigationBarHidden(true)
    

说实话，我不知道这里有什么不同...... 即使在视图调试器中也没有区别..