SwiftUI TextField全局自定义字体设置：如何避免逐个实例指定字体？

我懂你这种重复写.font修饰符的烦躁，而且尝试把字体设置加到.textFieldStyle上还没效果对吧？其实问题出在——textFieldStyle主要负责TextField的外观框架（比如边框、背景这类），字体属于TextField本身的文本属性，直接给style加.font当然不会生效。下面给你几个实用的解决办法，再也不用重复写字体设置了：

方法1：封装自定义TextField组件 #

最直接的方式就是把带字体的TextField封装成一个独立组件，以后直接用这个组件就行：

struct CustomFontTextField: View {
    let placeholder: String
    @Binding var text: String
    // 这里预设好你的自定义字体，也可以开放参数让外部调整
    let font: Font = .custom("YourCustomFontName", size: 16)
    
    var body: some View {
        TextField(placeholder, text: $text)
            .font(font)
    }
}

替换你原来的代码：

VStack(alignment: .leading) { 
    Text("Oval Custom TextField Style").font(.title2) 
    HStack { 
        // 直接用封装好的组件
        CustomFontTextField(placeholder: "Search...", text: $text)
    } 
    .textFieldStyle(OvalTextFieldStyle()) 
}.padding()

方法2：用ViewModifier统一设置 #

如果不想新建组件，写个自定义的ViewModifier也能实现批量设置：

// 自定义修饰符
struct TextFieldCustomFontModifier: ViewModifier {
    let font: Font
    
    func body(content: Content) -> some View {
        content
            .font(font)
    }
}

// 给View加个快捷方法，方便调用
extension View {
    func textFieldCustomFont(_ font: Font = .custom("YourCustomFontName", size: 16)) -> some View {
        self.modifier(TextFieldCustomFontModifier(font: font))
    }
}

用法超简单，给TextField加这个修饰符就行：

TextField("Search...", text: $text)
    .textFieldCustomFont()

以后要改字体，只需要修改extension里的默认值，所有用到这个修饰符的TextField都会同步更新。

方法3：全局环境变量设置（整个App生效） #

如果想让App里所有TextField都用同一个自定义字体，用环境变量是最高效的：

首先定义环境键：

private struct TextFieldFontKey: EnvironmentKey {
    // 默认字体，没设置时用这个
    static let defaultValue: Font = .system(.body)
}

extension EnvironmentValues {
    var textFieldFont: Font {
        get { self[TextFieldFontKey.self] }
        set { self[TextFieldFontKey.self] = newValue }
    }
}

然后给TextField加个扩展，自动读取环境字体：

extension TextField {
    func applyGlobalFont() -> some View {
        self
            .font(\.textFieldFont)
    }
}

在App的根视图设置全局字体：

@main
struct YourApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
                // 这里设置你的自定义字体
                .environment(\.textFieldFont, .custom("YourCustomFontName", size: 16))
        }
    }
}

之后每个TextField只需要加.applyGlobalFont()就能用上全局字体了。甚至还能把字体设置整合到你自己的OvalTextFieldStyle里，这样用这个style的TextField自动带字体：

struct OvalTextFieldStyle: TextFieldStyle {
    func _body(configuration: TextField<Self._Label>) -> some View {
        configuration
            .font(\.textFieldFont) // 直接读取环境字体
            .padding(12)
            .background(Color.gray.opacity(0.1))
            .cornerRadius(25)
    }
}

这样你原来的代码不用改任何TextField的修饰符，只要用这个style就能自动带上全局字体啦！

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