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