Swift clipShape修飾子を使ってTextに円の背景色を設定するサンプル

2023年10月13日

環境
Swift version 5.2.3 (swift-5.2.3-RELEASE)
Ubuntu 20.04.2 LTS

構文

Text("文字列")
    .background(color.clipShape(Circle()))

Textにbackground修飾子を付与し、background修飾子の引数に背景色を指定します。
背景色にclipShape修飾子を付与します。

使用例

struct ContentView: View {
    var body: some View {
        VStack {
            Text("Study, Swift Skill")
                .foregroundColor(.white)
                .frame(width: 110, height: 110)
                .background(Color.red.clipShape(Circle()))
                
        }
    }
}