iOS15中Stepper的.onTapGesture仅文本区域响应点击如何解决

问题复现 #

iOS15平台下，为Stepper组件绑定.onTapGesture时，仅点击组件内的文本标签区域可触发手势，点击Stepper自带的+、-操作按钮区域手势无响应。尝试通过.frame(maxWidth: .infinity, maxHeight: .infinity)调整组件尺寸、修改前景色均无法修复。
复现代码：

1. minCoinAmount 视图实现

@ViewBuilder var minCoinAmount: some View {
    Stepper(value: $smallBalanceLimitDefinedByUser,
            in: range,
            step: step) {
        // 拆分为两个Text组件方便做本地化适配
        HStack {
            Text("Min. amount:")
            Text(utils.formatDoubleTo2DigitsString(amount: smallBalanceLimitDefinedByUser))
        }
    }
}

2. 组件调用逻辑

minCoinAmount
    .disabled(true)
    .onTapGesture {
        // 触发Premium页面弹出
        storeViewModel.premiumIsPresented.toggle()
    }
}

预期行为：Stepper处于.disabled(true)状态时，点击组件任意区域（包含+、-按钮）都能触发Premium页面弹出逻辑。

根因说明 #

SwiftUI的Stepper中+、-按钮是系统原生渲染的独立交互控件，默认拥有更高的手势优先级，会拦截上层绑定的点击手势；.disabled(true)仅会禁用控件本身的默认加减交互，不会改变其对手势事件的拦截逻辑，因此直接绑定在Stepper上的Tap手势无法覆盖到按钮区域。

解决方案 #

方案1：叠加透明点击层（推荐，兼容性最优） #

在Stepper上层叠加一个透明的可点击层，覆盖整个Stepper的交互区域，无需修改原有Stepper的业务逻辑，iOS15全版本稳定生效：

minCoinAmount
    .disabled(true)
    .overlay {
        Color.clear
            .contentShape(Rectangle()) // 强制让透明区域响应交互
            .onTapGesture {
                storeViewModel.premiumIsPresented.toggle()
            }
    }

方案2：使用同步手势（代码更简洁） #

通过.simultaneousGesture绑定点击手势，让手势与控件内置手势同时识别，由于Stepper已经被设置为disabled状态，不会触发原有的加减逻辑，无业务冲突：

minCoinAmount
    .disabled(true)
    .simultaneousGesture(
        TapGesture()
            .onEnded {
                storeViewModel.premiumIsPresented.toggle()
            }
    )

注意：方案2在部分iOS15早期小版本中存在按钮边缘区域手势漏响应的问题，对稳定性要求高的场景优先选择方案1。

内容的提问来源于stack exchange，提问作者Arturo