SwiftUI中fullScreenCover不响应动态类型变化如何解决？

当使用fullScreenCover展示全屏弹窗时，弹窗内的文本默认不会跟随系统动态类型（字体大小）的更改自动调整，这是因为弹窗视图没有主动监听动态类型的环境变化。以下是两种简单的解决方法：

方法一：通过id绑定动态类型触发视图刷新 #

直接在弹窗内容视图上绑定dynamicTypeSize作为id，当系统字体大小变化时，SwiftUI会自动重新渲染视图，从而更新字体：

import SwiftUI

struct FullScreenModal: View {
    @State var showModal: Bool = false
    var body: some View {
        VStack {
            Text("Parent view")
            Button("Open Modal") {
                showModal = true
            }
        }
        .fullScreenCover(isPresented: $showModal) {
            Text("This is a full screen cover.")
                .id(EnvironmentValues.dynamicTypeSize) // 绑定动态类型到id
        }
    }
}

#Preview {
    FullScreenModal()
}

方法二：封装独立视图并监听环境变化 #

将弹窗内容封装成独立的View，通过@Environment监听dynamicTypeSize变化，确保视图能响应字体调整：

import SwiftUI

struct FullScreenModal: View {
    @State var showModal: Bool = false
    var body: some View {
        VStack {
            Text("Parent view")
            Button("Open Modal") {
                showModal = true
            }
        }
        .fullScreenCover(isPresented: $showModal) {
            FullScreenCoverContent()
        }
    }
}

struct FullScreenCoverContent: View {
    @Environment(\.dynamicTypeSize) private var dynamicTypeSize
    
    var body: some View {
        Text("This is a full screen cover.")
            .id(dynamicTypeSize) // 用动态类型作为id触发刷新
    }
}

#Preview {
    FullScreenModal()
}

补充说明 #

如果你的文本使用了自定义字体，需要确保字体配置支持动态类型缩放，例如：

Text("Custom font text")
    .font(Font.custom("YourFont", size: 16).scaled())

内容的提问来源于stack exchange，提问作者P. Sami