【SwiftUI】TextField をテンプレート化しておく

毎回、試行錯誤するのはもういやだ。

ZStack(alignment: .trailing) {
  TextField("+ clear button", text: $text)
    .textFieldStyle(.roundedBorder)
    .background()
    .overlay {
      RoundedRectangle(cornerRadius: 6)
        .stroke(.secondary, lineWidth: 0.5)
    }

    Button {
      text = ""
    } label: {
      Image(systemName: "xmark.circle.fill")
        .foregroundStyle(.secondary)
    }
    .buttonStyle(.plain)
    .padding(.trailing, 6)
    .opacity(text.isEmpty ? 0 : 1)
    .animation(.default, value: text.isEmpty)
}

🧑🏻‍💻 参考