Form container in iOS Swift

Introduction

A form container groups input fields together in a neat and organized way. It helps users fill out information easily and clearly.

When you want to collect user information like name, email, or password.

When you need to organize multiple input fields on one screen.

When you want to create a settings page with several options.

When you want to improve the look and feel of input areas in your app.

Syntax

iOS Swift

Form {
    // Your input fields here
}

The Form is a container that automatically arranges fields vertically.

It works well with input controls like TextField, Toggle, and Picker.

Examples

A simple form with one text input for the user's name.

iOS Swift

Form {
    TextField("Enter your name", text: $name)
}

A form with email and password fields for login.

iOS Swift

Form {
    TextField("Email", text: $email)
    SecureField("Password", text: $password)
}

A form with a toggle switch for user preferences.

iOS Swift

Form {
    Toggle("Receive Notifications", isOn: $notifications)
}

Sample App

This app screen shows a form with two sections: one for user info and one for preferences. The form arranges input fields neatly and allows typing and toggling.

iOS Swift

import SwiftUI

struct ContentView: View {
    @State private var name = ""
    @State private var email = ""
    @State private var receiveUpdates = false

    var body: some View {
        NavigationView {
            Form {
                Section(header: Text("User Info")) {
                    TextField("Name", text: $name)
                    TextField("Email", text: $email)
                        .keyboardType(.emailAddress)
                }
                Section(header: Text("Preferences")) {
                    Toggle("Receive Updates", isOn: $receiveUpdates)
                }
            }
            .navigationTitle("Profile")
        }
    }
}

Important Notes

Use Section inside Form to group related fields with headers.

Forms automatically handle scrolling if content is long.

Remember to bind input fields to @State variables to store user input.

Summary

Form container groups input fields vertically for easy data entry.

Use Form with input controls like TextField and Toggle.

Sections help organize fields with headers inside the form.