Enhanced Previews for Scenes

More preview options for Scenes makes content creation and testing easier and more reliable.

Scenes are multi-screen experiences that are cached on users’ devices and displayed when your users meet certain conditions within your app, such as viewing a particular screen or opening the app a certain number of times.

In addition to improving previews, today’s release also adds support for displaying Scenes from edge to edge on a device.

Enhanced previews

A preview of your Scenes updates as you design its content. Now you can select from a list of iOS and Android devices for a more accurate representation of how a Scene will appear to your audience.

Check it out: In the Content step of a Scene, select a device from the dropdown menu. The preview will update to reflect the dimensions of the viewport of the selected device.

Edge-to-edge display

The “safe area” defines the portion within a view in your app’s interface that is not covered by physical or UI elements, such as a status bar or notch.

By default, fullscreen Scenes respect these insets and display only within the safe area. Now you can override this behavior and extend the content to the full height and width of the device.

Check it out: In the Content step while editing a Scene, go to Settings to see the new option to Respect safe area. It is enabled by default. Uncheck to ignore safe area insets. The preview also reflects this setting.

Requirements and documentation

Scenes are an AXP feature.