SwiftUI | 要素の周りを縁取る方法

SwiftUI

2022.09.112022.05.07

SwiftUIで要素の周りを縁取りをする方法を説明する。

結論

.border(Color.black, width: 1)

を付ける。

例

Before

import SwiftUI

struct ContentView: View {
    var body: some View {
        Text("私はゆうしゃヨシヒコです")
    }
}

After

import SwiftUI

struct ContentView: View {
    var body: some View {
        Text("私はゆうしゃヨシヒコです")
            .border(Color.black, width: 1)  // ★ここを追加
    }
}

要素の周囲に薄い余白/マージンを取るには下記記事を参照。

環境

Xcode 13.3, Swift 5.6

まとめ

SwiftUIで要素の周りを縁取りをする方法を説明した。