iOS14.4.2设备上SwiftUI的fullScreenCover无法正常生效问题求助

核心问题原因 #

• iOS 14 存在fullScreenCover挂载在子视图上触发失效的已知兼容性问题，你的代码中将fullScreenCover和onTapGesture同时绑定在按钮视图上，加上在动画闭包内修改模态触发状态的操作，在iOS14上极易出现状态更新但模态未弹出的问题。
• 自定义按钮refreshdButtonSmall没有设置明确的点击响应区域，只有图标大小的区域可以触发点击，用户如果点击图标外的透明区域不会触发手势。
• iOS14对在动画闭包内修改模态展示状态的支持不完善，容易出现状态同步异常。

修复步骤 #

1. 优化自定义按钮的点击响应范围 #

给refreshdButtonSmall添加标准点击区域，避免用户点击无响应：

public struct refreshdButtonSmall: View {
    var imageName = "star"

    public var body: some View {
        ZStack {
            Image(systemName: imageName)
                .font(.system(size: 30, weight: .bold))
                .foregroundColor(.black)
        }
        // 扩大点击区域到系统推荐的最小点击尺寸44*44
        .frame(width: 44, height: 44)
        // 保证透明区域也可以响应点击
        .contentShape(Rectangle())
    }
}

2. 调整修饰符挂载位置与状态更新逻辑 #

最优方案是将fullScreenCover移到当前页面的父容器外层，不要和按钮绑定，同时把状态切换移出动画闭包，动画加在模态视图本身：

// 示例父视图结构
VStack {
    // 页面其他原有视图代码
    refreshdButtonSmall()
        .onTapGesture{
            // 直接修改状态触发模态弹出
            lovePresent.toggle()
        }
}
// fullScreenCover挂载在父容器末尾
.fullScreenCover(isPresented: $lovePresent) {
    MathPlayingHistoryView(isPresented: $lovePresent)
        // 模态弹出动画加在内部视图上
        .animation(.spring(response:0.2,dampingFraction:0.5,blendDuration:0), value: lovePresent)
}

如果不便修改父视图结构，也可以调整按钮的修饰符顺序，先加点击手势再加fullScreenCover：

refreshdButtonSmall()
    .onTapGesture{
        lovePresent.toggle()
    }
    .fullScreenCover(isPresented: $lovePresent) {
        MathPlayingHistoryView(isPresented: $lovePresent)
            .animation(.spring(response:0.2,dampingFraction:0.5,blendDuration:0), value: lovePresent)
    }

额外验证点 #

如果修改后仍有问题，检查当前视图层级是否同时挂载了多个sheet或fullScreenCover修饰符，iOS14不支持同一个视图同时挂载多个同类型模态修饰符，需要拆分到不同子视图，或者通过枚举绑定单个模态修饰符实现多弹窗逻辑。

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