Toolbar Background Visibility Modifier

The Toolbar Background Visibility modifier controls whether the background of a Navigation and/or Tab Bar is displayed.

Overview

By default, a Toolbar’s background is not visible until you start scrolling. However, if you always want it to be visible, you can use the Toolbar Background Visibility modifier. It comes with two parameters that you can customize from the Inspector panel:

Visibility - Automatic (default), Visible, Hidden
Bars - Both (default), Navigation Bar, Tab Bar

Application

To change the Toolbar style of a navigation layer, apply the Toolbar Background Visibility modifier to a child in a Navigation Stack.

If you have both a Tab Bar and a Navigation Bar and you want them to apply different settings to each one, add the Toolbar Background Visibility modifier twice to configure them separately.

<div class="callout note">Note
‍If you want a consistent style across all of the screens in your Tab Bar, you must apply the Toolbar Background Visibility modifier to each one.</div>