headerType | TabbedHeader | No | TabbedHeader | Set header type to TabbedHeader |
backgroundColor | string | Yes | '#1ca75d' | Header background color |
backgroundImage | ImageSourcePropType | Yes | | Header background image source |
bounces | boolean | Yes | true | Allow scroll view bounces (IOS) |
contentContainerStyles | StyleProp<ViewStyle> | Yes | | Set scroll view body styles |
foregroundImage | ImageSourcePropType | Yes | | Set tabbed header image |
headerHeight | number | Yes | ifIphoneX(92, constants.responsiveHeight(13)) | Set header height |
header | element | Yes | | Set custom top header content |
headerSize | (h: LayoutRectangle) => void | Yes | | Handler that is called when header's size changes |
initialPage | number | Yes | 0 | Set initial page of tab bar |
keyboardShouldPersistTaps | boolean, "always", "never", "handled" | Yes | | Set keyboard persist taps method |
logo | ImageSourcePropType | Yes | | Top right header image source |
logoContainerStyle | StyleProp<ViewStyle> | Yes | | Top right header image container style |
logoResizeMode | ImageResizeMode | Yes | contain | Set top right header image resize mode |
logoStyle | StyleProp<ImageStyle> | Yes | | Set top right header image style |
onChangeTab | (tab: MountedTabType) => void | Yes | | Callback is called every time when tab is changed |
onMomentumScrollBegin | (event: NativeSyntheticEvent<NativeScrollEvent>) => void | Yes | | Called when the momentum scroll starts (scroll which occurs as the ScrollView starts gliding) |
onMomentumScrollEnd | (event: NativeSyntheticEvent<NativeScrollEvent>) => void | Yes | | Called when the momentum scroll ends (scroll which occurs as the ScrollView glides to a stop) |
onRef | (t: null, StickyParallaxHeaderComponent) => void | Yes | | Obtain ref for StickyParallaxHeaderComponent |
parallaxHeight | number | Yes | ifIphoneX(constants.responsiveHeight(38),constants.responsiveHeight(48)) | Set parallax header height |
refreshControl | element | Yes | | A RefreshControl component, used to provide pull-to-refresh functionality |
rememberTabScrollPosition | bool | Yes | false | When switching between tabs remember current scroll position |
scrollEvent | (event: NativeSyntheticEvent<NativeScrollEvent>) => void | Yes | | Fires at most once per frame during scrolling (Used in custom animations) |
scrollRef | (t: ScrollView) => void | MutableRefObject<ScrollView> | Yes | | Get inner ScrollView ref |
snapStartThreshold | number | Yes | | Set start value Threshold of snap |
snapStopThreshold | number | Yes | | Set stop value Threshold of snap |
snapToEdge | boolean | Yes | true | Should snap header to edge when snap value is exceeded |
snapValue | boolean | Yes | parralax header height | Set value where header is closed |
tabTextActiveStyle | StyleProp<TextStyle> | Yes | {fontSize: 16, lineHeight: 20, paddingHorizontal: 12, paddingVertical: 8, color: colors.white} | Set active tab text styles |
tabTextContainerActiveStyle | StyleProp<ViewStyle> | Yes | {backgroundColor: colors.darkMint} | Set active tab container style |
tabTextStyle | StyleProp<TextStyle> | Yes | {fontSize: 16, lineHeight: 20, paddingHorizontal: 12, paddingVertical: 8, color: colors.white} | Set inactive tab style |
tabTextContainerStyle | StyleProp<ViewStyle> | Yes | {backgroundColor: colors.transparent, borderRadius: 18} | Set inactive tab container style |
tabWrapperStyle | StyleProp<ViewStyle> | Yes | {paddingVertical: 12} | Set single tab container style |
tabs | { content: ReactElement;title?: string;icon?: ReactElement | (isActive: boolean) => ReactElement); | Yes | | Array with tabs names, icons and content to render |
tabsContainerStyle | ViewPropTypes.style | Yes | | Set whole tab bar container style |
title | string | Yes | | Sets header title |
titleStyle | StyleProp<TextStyle> | Yes | | Set style for text in foreground |
