Content Interaction

The Content Interaction modifier configures the behavior of swipe gestures on a modal presentation.

Overview

By default, when a user swipes on a Scroll View in a resizable modal presentation, the presentation grows to the next detent. Therefore, a Scroll View embedded in the presentation only scrolls after it reaches its largest size.

Use the Content Interaction modifier to control which action takes precedence. You can choose from 2 Interaction parameters:

Resize (default) - The presentation will only scroll after it reaches its largest detent.

Scroll - The presentation will start scrolling through its content first upon swiping.

<div class="callout note">Note
‍Users can still resize a presentation using the drag indicator.</div>

For example, you can request that swipe gestures scroll content first by applying the Content Interaction modifier to the instance of your Sheet component, therefore resizing the Sheet only after hitting the end of the Scroll View.