Skip to main content
Version: 7.11.2

Scroll Edge Appearance Options

Controls the top bar background styling.

const options = {
topBar: {
scrollEdgeAppearance: {
background: {},
active: true,
},
},
};

active#

Since this might be considered as a breaking change (meaning that previous configs might behave different), you'll need to pass active true/false to activate this option.

TypeRequiredPlatform
booleanNoiOS

color#

Set the background color.

TypeRequiredPlatform
ColorNoiOS

translucent#

Allows the Scroll Edge Appearance to be translucent (blurred).

TypeRequiredPlatform
booleanNoiOS

borderColor#

Change the topBar border color.

TypeRequiredPlatform
ColorNoiOS

noBorder#

Disables border at the bottom of the TopBar.

TypeRequiredPlatform
booleanNoiOS