👔view.resizableFont()

swift⟩ custom ⟩ extension ⟩ Text+ ⟩ .resizableFont()

This custom modifier allows your Text view's font size to fit the size of the view.

💾 程式

import SwiftUI

// ⭐️ custom modifier
struct FlexibleFontModifier: ViewModifier {

    var maxFontSize: Double
    var minScaleFactor : Double
    
    func body(content: Content) -> some View {
        content
            .font(.system(size: maxFontSize))
            .minimumScaleFactor(minScaleFactor)
    }
}

// view extension
extension View {
    // ⭐️ view.resizableFont()
    func resizableFont(maxFontSize: Double = 125, minScaleFactor: Double = 0.01) -> some View {
        self.modifier(FlexibleFontModifier(maxFontSize: maxFontSize, minScaleFactor: minScaleFactor))
    }
}

📁 範例

Text("Hello")
    .resizableFont()        // ⭐️ custom modifier
    .frame(minWidth: 125)

👥 相關

• .resizableFont() is a view modifier.

• Text+： custom Text extensions.

📗 參考

• Keep Going with Apps (Swift Playgrounds) ⟩ Use model data in a view