SwiftUI分段Picker适配动态字体：如何修改分段尺寸与名称？

使用SegmentedPickerStyle的Picker在开启大字体（如xxxLarge）时，仅标题会跟随动态字体变化，分段选项文字无法适配，以下是几种可行的解决方法：

方案1：为分段选项显式设置动态字体 #

在自定义PickerView内部，给每个分段的Text绑定动态字体样式，确保其响应系统动态类型设置。示例修改后的PickerView：

struct PickerView: View {
    let title: String
    let options: [String]
    @Binding var selection: String
    
    var body: some View {
        Picker(title, selection: $selection) {
            ForEach(options, id: \.self) { option in
                Text(option)
                    .font(.system(.body, design: .rounded)) // 采用动态字体样式
            }
        }
        .pickerStyle(.segmented)
    }
}

方案2：确保Sheet继承父视图的动态类型环境 #

Sheet默认可能无法完全继承父视图的动态类型设置，可显式为Sheet传递环境变量：

.sheet(isPresented: $presentingModal) {
    // 原Sheet内部内容
}
.environment(\.dynamicTypeSize, .xxxLarge) // 让Sheet继承动态类型配置

方案3：封装UIKit的UISegmentedControl兜底 #

如果SwiftUI原生Picker仍有适配问题，可通过UIViewRepresentable封装UISegmentedControl，手动处理动态字体：

struct DynamicSegmentedControl: UIViewRepresentable {
    let options: [String]
    @Binding var selection: Int
    
    func makeUIView(context: Context) -> UISegmentedControl {
        let control = UISegmentedControl(items: options)
        control.selectedSegmentIndex = selection
        control.addTarget(context.coordinator, action: #selector(Coordinator.valueChanged), for: .valueChanged)
        // 绑定动态字体
        control.setTitleTextAttributes([.font: UIFont.preferredFont(forTextStyle: .body)], for: .normal)
        control.setTitleTextAttributes([.font: UIFont.preferredFont(forTextStyle: .body)], for: .selected)
        return control
    }
    
    func updateUIView(_ uiView: UISegmentedControl, context: Context) {
        uiView.selectedSegmentIndex = selection
        // 响应字体尺寸变化
        uiView.setTitleTextAttributes([.font: UIFont.preferredFont(forTextStyle: .body)], for: .normal)
        uiView.setTitleTextAttributes([.font: UIFont.preferredFont(forTextStyle: .body)], for: .selected)
    }
    
    func makeCoordinator() -> Coordinator {
        Coordinator(selection: $selection)
    }
    
    class Coordinator: NSObject {
        @Binding var selection: Int
        
        init(selection: Binding<Int>) {
            _selection = selection
        }
        
        @objc func valueChanged(_ sender: UISegmentedControl) {
            selection = sender.selectedSegmentIndex
        }
    }
}

之后在PickerView中替换为该自定义控件即可。

验证要点 #

• 确保所有文本元素（包括分段选项）使用动态字体样式（如.body、.title），而非固定字号
• 确认动态类型设置已传递到Sheet内部
• 切换系统字体尺寸测试适配效果

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