Skip to main content
Version: Next

Background Options

Controls the top bar background styling.

const options = {
topBar: {
background: {}
}
};

color#

Set the background color. Ignored if a component is specified.

TypeRequiredPlatform
ColorNoBoth

component#

Set a react component as the background. Useful when you need to show a gradient as background, for instance.

On Android, setting an id to the Component will prevent the component from being recreated each time it's used by a screen. The component will be created once and whenever possible it will be reused.

TypeRequiredPlatform
ComponentNoBoth

clipToBounds#

Clip the top bar background to bounds if set to true.

TypeRequiredPlatform
booleanNoiOS

translucent#

Allows the NavBar to be translucent (blurred).

TypeRequiredPlatform
booleanNoiOS

blur#

Enable background blur.

TypeRequiredPlatform
booleanNoiOS