Background Interaction

Overview

By default, the screen behind a Sheet that is presented is dimmed and disabled (first image), so users can’t interact with the backing screen until they dismiss the sheet. Use the Background Interaction modifier to enable interaction.

With the Up Through parameter, you can indicate up until what point on the screen a user can interact with the backing screen.

• Large - Up until the Sheet covers the entire screen.
• Medium - Up until the Sheet extends more than the middle point of the screen.
• Fraction - Up until the Sheet extends more than the set fraction of the screen.
• Fixed - Up until the Sheet extends more than the set amount of points on the screen.

For example, apply the Background Interaction modifier to the instance of your Sheet component and set the Up Through parameter.

Here, since users can only interact up through Medium, once the sheet hits the 75% detent, users can no longer interact with the background.