SwiftUIの基本的なViewの装飾まとめ

2020.10.10

SwiftUIによる枠線などのViewの装飾のやり方をまとめました。

Text("Hello, World!")
    .border(Color.green, width: 1)

Text("Hello, World!")
    .foregroundColor(.green)

Text("Hello, World!")
    .background(Color.green)

Text("Hello, World!")
    .padding(20)
    .background(Color.green)
    .border(Color.black, width: 2)

モディファイアの順序を変えると適用範囲も変わるので注意が必要です。

Text("Hello, World!")
    .background(Color.green)
    .padding(20)
    .border(Color.black, width: 2)

Text("Hello, World!")
    .padding(60)
    .background(Color.green)
    .clipShape(Circle())