Many apps require customers to enter some type of enter – it may be asking them to set some preferences, it would possibly be asking them to affirm the place they desire a auto to select them up, it may be to order meals from a menu, or some thing similar.

SwiftUI offers us a committed view kind for this purpose, known as Form. Forms are scrolling lists of static controls like textual content and images, however can additionally consist of person interactive controls like textual content fields, toggle switches, buttons, and more.

You can create a fundamental shape simply with the aid of wrapping the default textual content view interior Form, like this:var body: some View { Form { Text("Hello World") } }

If you’re the usage of Xcode’s canvas, you’ll see it alternate pretty dramatically: earlier than Hello World used to be based on a white screen, however now the display is a mild gray, and Hello World seems in the pinnacle left in white.

What you’re seeing right here is the beginnings of a listing of data, simply like you’d see in the Settings app. We have one row in our data, which is the Hello World text, however we can add extra freely and have them show up in our shape immediately:

Form { Text("Hello World") Text("Hello World") Text("Hello World") }

In fact, you can have as many matters internal a structure as you want, though if you intend to add greater than 10 SwiftUI requires that you region matters in corporations to keep away from problems.

For example, this code indicates ten rows of textual content simply fine:Form { Text("Hello World") Text("Hello World") Text("Hello World") Text("Hello World") Text("Hello World") Text("Hello World") }

Tip: In case you have been curious why 10 rows are allowed however eleven is not, this is a dilemma in SwiftUI: it was once coded to recognize how to add one factor to a form, how to add two matters to a form, how to add three things, 4 things, 5 things, and more, all the way up to 10, however now not past – they wanted to draw a line somewhere. This restrict of 10 adolescents interior a mother or father absolutely applies in all places in SwiftUI.

If you desired to have eleven matters interior the shape you have to put some rows interior a Group:Form { Group { Text("Hello World") Text("Hello World") Text("Hello World") Text("Hello World") Text("Hello World") Text("Hello World") } Group { Text("Hello World") Text("Hello World") Text("Hello World") Text("Hello World") Text("Hello World") } }

Groups don’t sincerely exchange the way your consumer interface looks, they simply let us work round SwiftUI’s drawback of ten toddler views interior a mother or father – that’s textual content views inner a form, in this instance.

If you favor your structure to seem to be specific when break up its objects into chunks, you have to use the Section view instead. This splits your shape into discrete visible groups, simply like the Settings app does:

Form { Section { Text("Hello World") } Section { Text("Hello World") Text("Hello World") } }