[SwiftUI]Text(テキスト)のフォントサイズを変えるには？

どうも、ちょげ(@chogetarou)です。

Text(テキスト)のフォントサイズを変える方法を紹介します。

方法

Textのフォントサイズを変える方法は、２つあります。

Font.XX

１つは、Font.XX(XXはフォント名)を使う方法です。

まず、Textにfont修飾子を付与します。

そして、font修飾子の引数にFontの値を指定します。

Text("テキスト")
    .font(Font.XX) //XXはFontの値

使用例

struct ContentView: View {
    var body: some View {
        VStack {
            Text("Hello, SwiftUI")
                .font(Font.largeTitle)
        }
    }
}

Font.system

もう１つは、Font.systemを使う方法です。

まず、Textにfont修飾子を付与します。

font修飾子の引数に「.system(size:)」を指定します。

そして、「.system(size:)」の引数「size」にフォントサイズを指定します。

Text("テキスト")
    .font(.system(size: フォントサイズ))

font修飾子の引数で指定したサイズが、Textのフォントサイズになります。

使用例

struct ContentView: View {
    var body: some View {
        VStack {
            Text("Hello, SwiftUI")
                .font(.system(size: 54.0))
        }
    }
}

まとめ

Textのフォントサイズを変える方法は、２つあります。

• Font.XXを使う方法
• Font.systemを使う方法