オブジェクトの主となる色を変えてみます。Textオブジェクトの場合、主となるのは文字の色です。主となる色の指定には .foregroundStyle を使います。

  • 前回のコードに続けて書く
  • Text( “こんにちわ” )に .foregroundStyle( .mint ) を追加
    • foregroundStyleはオブジェクトの主体となる色を指定できる
    • foregroundStyleは単色以外にもグラデーションカラーなどを指定できる
    • foregroundStyleが適用される対象はオブジェクトによって異なる

コード

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack {
            Text( "こんにちわ" )
            .font( .system(size: 24.0) )
            .foregroundStyle( .mint )
            .frame( minWidth: 100, minHeight: 100 )
            .padding()
            .background( .indigo )
            .padding( .bottom, 50.0 )
            
            Text( "こんばんわ" )
            .frame( maxWidth:.infinity, minHeight:40 )
            .padding()
            .background( .purple )
        }
    }
}

結果

swiftui_1_2_6_1.png

メモ

iOS16以前は .foregroundColor() でしたが非推奨となりました。

関連情報