Horizontally-Aligned TextField Wrap?

Question

Created Apr ’22

Replies 2

Boosts 0

Views 1.4k

Participants 2

I have a @State variable with an array of strings with which to create instances of TextField. So far, I have the following lines of code.

import SwiftUI

struct ContentView: View {
	@State private var names: [String] = ["Jim Thorton", "Susan Murphy", "Tom O'Donnell", "Nancy Smith"]
	
	var body: some View {
		HStack {
			ForEach($names, id: \.self) { $name in
				TextField("", text: $name)
					.fixedSize()
					.padding(.horizontal, 20.0)
					.background(Color.orange.opacity(0.2))
			}
		}
	}
}

I wonder if there is a simple way of aligning instances of TextField horizontally such that one that exceeds the screen width will go to the next line like the following picture?

Thanks.

Boost

Answer 1

Tomato OP

Apr ’22

The following Stack Overflow could be a solution that I've been looking for. https://stackoverflow.com/questions/58842453/swiftui-hstack-with-wrap

0

Answer 2

Claude31 OP

Apr ’22

Not easy with TextField.

Use TextEditor instead

        Spacer()
        TextEditor(text: $input)
           .frame(width: 100, height: 80, alignment: .leading)
        Spacer()

https://stackoverflow.com/questions/56471973/how-do-i-create-a-multiline-textfield-in-swiftui

0