Swift overlay修飾子を使って四角形内にテキストを表示する
環境
Swift version 5.2.3 (swift-5.2.3-RELEASE)
書式
Rectangle()
.overlay(
Text(“文字列")
)
RectangleやRoundedRectangleにoverlay修飾子を付与します。
overlay修飾子の引数にTextを指定します。
使用例
struct ContentView: View {
var body: some View {
VStack {
RoundedRectangle(cornerRadius: 5)
.fill(.red)
.frame(width: 250, height: 100)
.overlay(
Text("Study, SwiftUI")
.foregroundColor(.white)
)
}
}
}
struct ContentView: View {
var body: some View {
VStack {
RoundedRectangle(cornerRadius: 5)
.fill(.red)
.frame(width: 250, height: 100)
.overlay(
Text("Study, SwiftUI")
.foregroundColor(.white)
)
}
}
}
struct ContentView: View {
var body: some View {
VStack {
RoundedRectangle(cornerRadius: 5)
.fill(.red)
.frame(width: 250, height: 100)
.overlay(
Text("Study, SwiftUI")
.foregroundColor(.white)
)
}
}
}