Swift中Picker内Text组件无法自定义字体问题咨询

我想让Picker的每个选项都用自身对应的字体显示——比如"Georgia"选项用Georgia字体，"Arial"选项用Arial字体，但写的代码没实现这个效果，所有选项都是默认字体。

相关代码如下：

// 用于组件和预览的字体列表
let availableFonts = [
    "Georgia", "Times New Roman",
    "Verdana", "Palatino", "Baskerville", "Didot",
    "Optima", "Arial"
]

Picker("", selection: $selectedFontIndex) {
    ForEach(0..<availableFonts.count, id: \.self) { index in
        Text(availableFonts[index])
            .font(Font.custom(availableFonts[index], size: 16))
    }
}

但奇怪的是，另一段切换普通Text字体的代码完全正常，能按照选中的字体渲染文本：

Text("More is lost by indecision than by wrong decision.")
    .font(Font.custom(availableFonts[selectedFontIndex], size: 16))

这是因为SwiftUI的Picker默认会给内部Text套上系统样式，直接覆盖了你设置的自定义字体。可以用以下几种简单方法解决：

1. 用Label包裹并设置labelStyle #

把Text放进Label里，再隐藏图标只显示标题，就能绕过Picker的样式覆盖：

Picker("", selection: $selectedFontIndex) {
    ForEach(0..<availableFonts.count, id: \.self) { index in
        Label(availableFonts[index], systemImage: "")
            .font(Font.custom(availableFonts[index], size: 16))
            .labelStyle(.titleOnly)
    }
}

2. 用Button作为选项内容 #

直接用Button承载文本，手动控制选中状态，Picker就不会干涉字体样式了：

Picker("", selection: $selectedFontIndex) {
    ForEach(0..<availableFonts.count, id: \.self) { index in
        Button(action: {
            selectedFontIndex = index
        }) {
            Text(availableFonts[index])
                .font(Font.custom(availableFonts[index], size: 16))
        }
    }
}

3. 给Text添加.fixedSize() #

有时候Picker会因为布局压缩导致字体失效，加上.fixedSize()强制文本保持自身样式：

Picker("", selection: $selectedFontIndex) {
    ForEach(0..<availableFonts.count, id: \.self) { index in
        Text(availableFonts[index])
            .font(Font.custom(availableFonts[index], size: 16))
            .fixedSize()
    }
}

这几种方法都能让Picker选项按指定字体显示，核心就是避免Picker的系统样式覆盖自定义字体设置。

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