SwiftUI通过GeometryReader设置点击区域

例如，在下面Gif图中，当点击空白区域时，会触发对话效果。

但实际上，我只在Lottie动画上添加了显示对话的功能，因为Lottie内容的小猪比较小，就导致存在很多属于Lottie动画空白区域。

因此，需要控制实际的点击区域，以便只有点击手势在小猪身上时，才显示对话。

LottieView(filename: "HomePiggyBank",isPlaying: isPlaying, playCount: 1, isReversed: isReversed)
    .scaleEffect(1.5)
    .frame(width: 300,height: 300)
    .offset(x:60,y:40)
// 覆盖的点击手势
    .overlay {
        GeometryReader { geometry in
            let pigXOffset: CGFloat = geometry.size.width * 0.7 // 小猪在动画中的X位置偏移
            let pigYOffset: CGFloat = geometry.size.height * 0.75 // 小猪在动画中的Y位置偏移
            let pigWidth: CGFloat = geometry.size.width * 0.7 // 小猪的宽度
            let pigHeight: CGFloat = geometry.size.height * 0.5 // 小猪的高度
            ZStack {
                Button(action: {
                    // 点击动画时刷新谚语
                    currentProverb = generateUniqueRandomProverb()
                    withAnimation(.easeInOut(duration: 0.5)) {
                        isDisplayedProverb = true
                        isProverb = false
                        DispatchQueue.main.asyncAfter(deadline: .now() + 5) {
                            isDisplayedProverb = false
                            isProverb = true
                        }
                    }
                }) {
                    Color.red // 点击区域是透明的
                        .opacity(0.3)
                }
                .allowsHitTesting(isProverb)
                .frame(width: pigWidth, height: pigHeight) // 小猪的点击区域
                .position(x: pigXOffset, y: pigYOffset) // 小猪区域的位置
            }
        }
    }