Scroll views

Scroll views display content as a vertically scrollable page.

When to use

Use a scroll view for a screen containing primarily text content, for example a message.

You should also use a scroll view if your screen contains a mixture of different kinds of items, for example headings, links and buttons.

If you find yourself removing list styling — for example, using clear backgrounds or hiding row separators — that is a sign the screen belongs in a scroll view.

When not to use

Do not use a scroll view if a list view or form view would be more appropriate.

If your screen is very long and contains a mixture of content, lists and forms, consider splitting it up into separate screens.

How to use

This example shows a scroll view containing a message.

var body: some View {
  ScrollView {
      VStack(alignment: .leading, spacing: 16) {
          Text(message.sender)
              .font(.nhsSubheadline)
          Text(message.dateSent, style: .date)
              .font(.nhsSubheadline)
              .foregroundStyle(.secondary)

          Divider()

          Text(message.content)
              .font(.nhsBody)
      }
      .padding()
  }
  .navigationTitle(message.subject)
}

For full documentation, see SwiftUI: ScrollView on the Apple developer documentation website.