react-native-gorgeous-header
Version:
Fully customizable & easy to use gorgeous header view for React Native
31 lines (30 loc) • 1.23 kB
TypeScript
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;