header
Props
backgroundColorbackgroundImagebackgroundImageStylebarStylecenterComponentcenterContainerStylecontainerStyleleftComponentleftContainerStylelinearGradientPropsplacementelevatedrightComponentrightContainerStylestatusBarPropsViewComponent
Reference
backgroundColor
sets backgroundColor of the parent component
| Type | Default |
|---|---|
| string | none |
backgroundImage
sets backgroundImage for parent component
| Type | Default |
|---|---|
| object (image) | none |
backgroundImageStyle
styling for backgroundImage in the main container
| Type | Default |
|---|---|
| style | none |
elevated
elevation for header
| Type | Default |
|---|---|
| boolean | false |
barStyle
Sets the color of the status bar text.
| Type | Default |
|---|---|
| 'default', 'light-content', 'dark-content' | 'default' (source) |
centerComponent
define your center component here
| Type | Default |
|---|---|
| { text: string, ...Text props} OR { icon: string, ...Icon props} OR React element or component | none |
centerContainerStyle
styling for container around the centerComponent
| Type | Default |
|---|---|
| style | { flex: 3 } |
containerStyle
styling around the main container
| Type | Default |
|---|---|
| style | none |
leftComponent
define your left component here
| Type | Default |
|---|---|
| { text: string, ...Text props} OR { icon: string, ...Icon props} OR React element or component | none |
leftContainerStyle
styling for container around the leftComponent
| Type | Default |
|---|---|
| style | { flex: 1 } |
linearGradientProps
displays a linear gradient. See usage.
| Type | Default |
|---|---|
| {...Gradient props} | none |
placement
Alignment for title
| Type | Default |
|---|---|
| 'left', 'center' or 'right' | 'center' |
rightComponent
define your right component here
| Type | Default |
|---|---|
| { text: string, ...Text props} OR { icon: string, ...Icon props} OR React element or component | none |
rightContainerStyle
styling for container around the rightComponent
| Type | Default |
|---|---|
| style | { flex: 1 } |
statusBarProps
accepts all props for StatusBar
| Type | Default |
|---|---|
| { ...StatusBar props } | none |
ViewComponent
component for container
| Type | Default |
|---|---|
| React Native Component | ImageBackground |