react-native-apple-header
Version:
Fully customizable Apple Header View for React Native
20 lines • 873 B
JavaScript
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