Swift TextFieldの右側に画像を表示するサンプル

2023年10月14日

環境
Swift version 5.2.3 (swift-5.2.3-RELEASE)
Ubuntu 20.04.2 LTS

構文

HStack {
    TextField("", text: $editingText)
    Image(/*画像*/)
}

TextFieldの後にImageを指定します。
TextFieldの右側に画像を表示するには、HStackを使います。

使用例

struct ContentView: View {
    @State var editingText = ""
    var body: some View {
        HStack{
            TextField("Text", text: $editingText)
            Image(systemName:"clear")
        }
        .padding()
        .overlay(
            RoundedRectangle(cornerRadius: 9) /*枠線の丸み*/
                .stroke(Color.green, lineWidth: 1) /*枠線の太さ*/
        )
        .padding()
    }