UNPKG

react-native-gorgeous-header

Version:

Fully customizable & easy to use gorgeous header view for React Native

31 lines (30 loc) 1.23 kB
import * as React from "react"; import { StyleProp, ViewStyle, ImageStyle, TextStyle, ImageSourcePropType } from "react-native"; declare type CustomViewStyleProp = StyleProp<ViewStyle> | Array<StyleProp<ViewStyle>>; declare type CustomImageStyleProp = StyleProp<ImageStyle> | Array<StyleProp<ImageStyle>>; declare type CustomTextStyleProp = StyleProp<TextStyle> | Array<StyleProp<TextStyle>>; interface IProps { title: string; subtitle: string; menuImageSource: ImageSourcePropType; profileImageSource: ImageSourcePropType; searchImageSource: ImageSourcePropType; style?: CustomViewStyleProp; contentContainerStyle?: CustomViewStyleProp; titleTextStyle?: CustomTextStyleProp; searchBarStyle?: CustomViewStyleProp; searchInputStyle?: CustomTextStyleProp; subtitleTextStyle?: CustomTextStyleProp; menuImageStyle?: CustomImageStyleProp; profileImageStyle?: CustomImageStyleProp; onMenuImagePress: () => void; onProfileImagePress: () => void; } interface IState { } declare class GorgeousHeader extends React.Component<IProps, IState> { renderTopBar: () => JSX.Element; renderContent: () => JSX.Element; render(): JSX.Element; } export default GorgeousHeader;