iPhone SwiftUI layouts

Explore SwiftUI APIs, components, and modifiers with interactive iPhone previews, Swift code, and Apple documentation. Compare every available orientation, appearance, and design.

ScrollView

Hard ScrollEdgeEffect

A scroll edge effect with a hard cutoff and dividing line

Explore Hard ScrollEdgeEffect on iPhone in portrait, with SwiftUI code and Apple API documentation.

SwiftUI code

Full details Docs 
NavigationStack {
  List {
    ForEach(0 ..< 100, id: \.self) {
      Text("Item \($0)")
    }
  }
  .toolbar {
    Button("foo", action: action)
  }
  .scrollEdgeEffectStyle(.hard, for: .all)
}

Compatibility

iOS 26.0+ iPadOS 26.0+ macOS 26.0+ watchOS 26.0+ tvOS 26.0+

Tags

Found an issue or have a suggestion?

All variants

Every available iPhone screenshot for Hard ScrollEdgeEffect.

1 views