Swift ZStackを利用してテキストの背景に円を表示するサンプル

2023年10月16日

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

構文

ZStack {
    Circle()
    Text("文字列")
}

TextをZStack内に入れます。Textの前にCircle()を配置します。
ZStackを使って、テキストの背景に円を表示します。

使用例

struct ContentView: View {
    var body: some View {
        ZStack {
            Circle()
                .foregroundColor(.green)
                .frame(width: 180, height: 180)
            Text("Study Swift Become Smart")
                .foregroundColor(.white)
        }
    }
}