【SwiftUI】Viewの境界線を描くには

[Q] SwiftUIでViewの境界線を描くには？

[A] border を使います

  Text(“Hello, world!”)
    .border(Color.gray, width: 2)

以下は SwiftPlayground で実行できる簡単なサンプルです。

import SwiftUI
import PlaygroundSupport

struct Preview: View {
  var body: some View {
    Text(“Hello, world!”)
      .border(Color.gray, width: 2) // この行がポイント
  }
}

PlaygroundPage.current.setLiveView(Preview())

動作確認環境

2021/12/07 に確認しました。

• iPad Pro
• iPad OS 15.1
• Playgrounds 3.4.1(1302.34)

参考

• Apple Developer Documentation
  • border