【SwiftUI】よくある TextField を作る

【SwiftUI】TextField の角を丸くして背景色を付けるもっとも簡単な方法は
👉 https://t.co/LpqABKBpQA#ios #macos #swift #プログラミング

— chanzmao (@maochanz) May 7, 2024

こう書いてみました。

RoundedBorderTextField(label: "Search", text: $text)
  .frame(width: 200)

struct RoundedBorderTextField: View {
  var label: String
  @Binding var text: String

  private let rect = RoundedRectangle.rect(cornerRadius: 6)

  var body: some View {
    TextField(label, text: $text)
      .textFieldStyle(.plain)
      .padding(6)
      .background(.background, in: rect)
      .overlay(rect.stroke(.secondary, lineWidth: 0.5))
  }
}