- Better typing support
- Better customization
- Code cleaning
- Breaking CHANGES!
Add the dependency:
npm i react-native-apple-header
Zero Dependencies
import AppleHeader from "react-native-apple-header";
<AppleHeader
dateTitle={"Monday, 27 November"}
largeTitle={"For You"}
imageSource={{
uri: profileImageSource,
}}
onPress={() => {}}
/>
Property | Type | Default | Description |
---|---|---|---|
dateTitle | string | undefined | set your own string instead of date title |
largeTitle | string | undefined | set your own large title |
imageSource | image | undefined | set your own image |
onPress | function | undefined | use this to set onPress functionality |
style | ViewStyle | default style | use this to set your own style for whole container |
dateTitleTextStyle | TextStyle | default style | use this to set your own style for date title |
largeTitleStyle | TextStyle | default style | use this to set your own style for large title |
avatarStyle | ViewStyle | default style | use this to set your own style for avatar style (DO NOT FORGET TO ADD BORDER-RADIUS!) |
-
LICENSE - Write an article about the lib on Medium
Thank you so much for the image Unsplash
FreakyCoder, kurayogun@gmail.com
React Native Apple Header is available under the MIT license. See the LICENSE file for more info.