Ios OnTapGesture在其修改的视图外部触发

Why is this happening?

这是因为您正在iPhone上测试它.IPhone有一个touch 屏，Tap手势捕捉到的手指点击测试比光标的尖端更大.

您可以按住选项键以显示手指点击测试并查看重叠部分.

_{⚠️第二个原因是您正在模拟多点触控}

如果您在Mac环境中运行相同的代码，它将按照您的预期运行.

如果您将另一个可touch 元素放在此元素附近，系统将 Select 离手指较近的元素(如果不能同时touch )

解决方法

您可以在特定位置运行水龙头，例如:

let menuHeight: CGFloat = 32 // 👈 Define a height (or get the height using available methods) 
var body: some View {
    VStack {
        Menu {
            ForEach(["Option 1", "Option 2"], id: \.self) { item in
                Button(item) {
                    currentItem = item
                    expanded.toggle()
                }
            }
        } label: {
            HStack {
                Text(currentItem ?? "Pick something…")
                    .animation(.default, value: currentItem)
                Spacer()
                Image(systemName: "chevron.down")
                    .rotationEffect(expanded ? .degrees(-180.0) : .zero)
                    .animation(.default, value: expanded)
            }
            .frame(height: menuHeight) // 👈 Set the height (or just get the height using available methods)
        }
        .menuOrder(.fixed)
        .simultaneousGesture(
            SpatialTapGesture().onEnded { value in // 👈 Use this type of tap gesture
                if (0...menuHeight).contains(value.location.y) { // 👈 Limit the action in the valid range
                    expanded.toggle()
                }
            }
        )

        Divider()
    }
}