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.
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.
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.