UNPKG

react-native-apple-header

Version:

Fully customizable Apple Header View for React Native

20 lines 873 B
import * as React from "react"; import { Text, View, Image, TouchableOpacity, } from "react-native"; import styles from "./AppleHeader.style"; const AppleHeader = ({ style, dateTitleTextStyle, largeTitleTextStyle, onPress, dateTitle, largeTitle, avatarStyle, imageSource, ...rest }) => { return (<View style={[styles.container, style]}> <View> <Text style={[styles.dateTitleTextStyle, dateTitleTextStyle]}> {dateTitle} </Text> <Text style={[styles.largeTitleTextStyle, largeTitleTextStyle]}> {largeTitle} </Text> </View> <TouchableOpacity style={styles.avatarContainerStyle} {...rest} onPress={onPress}> <Image style={[styles.avatar, avatarStyle]} {...rest} source={imageSource}/> </TouchableOpacity> </View>); }; export default AppleHeader; //# sourceMappingURL=AppleHeader.js.map