Swift overlay修飾子で画像にテキストを重ねるサンプル

2023年10月16日

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

構文

Image("アセット名")
    .overlay(
        Text("文字列")
    )

引数にTextを指定したoverlay修飾子を、Imageに付与することで、ImageにTextを重ねます。

使用例

struct ContentView: View {
    var body: some View {
        VStack {
            Image("coffee")
                .overlay(
                    Text("test data")
                        .foregroundColor(.white)
                        .font(.system(size: 20))
                        .frame(width: 250, height: 180)
                        .background(Color.green)
                )
        }
    }
}