All Collections
Navigation
Toolbars
Toolbar Background Color Modifier
Toolbar Background Color Modifier

Specify the preferred background color of a Navigation and/or Tab Bar.

Updated over a week ago

Overview

If your Toolbar is set to Visible, you can customize the color of your Navigation Bar, Tab Bar, or both from the Inspector panel.

Application

To change the Toolbar background color of a navigation layer, apply the Toolbar Background Color modifier to a child in a Navigation Stack.

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

Note

If you want a consistent Toolbar background color across all of the screens in your Tab Bar, you must apply the Toolbar Background Color modifier to each one.

Did this answer your question?