Skip to content
Customizable and perfect clone of Apple, App Store Card Views for React Native.
JavaScript Objective-C Ruby Python Java
Branch: master
Clone or download
Latest commit bb230a3 Sep 11, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode AppleCard is refactored Aug 18, 2019
assets Logo is updated Aug 18, 2019
example LICENSE Sep 11, 2019
lib/src AppleCard: Style prop is removed, it is already implemented with ...p… Aug 18, 2019
.eslintrc.js AppleCard Design is completed. Need a refactory and make it dynamic Aug 17, 2019
.gitattributes AppleCard Design is completed. Need a refactory and make it dynamic Aug 17, 2019
.gitignore AppleCard Design is completed. Need a refactory and make it dynamic Aug 17, 2019
.npmignore AppleCard Design is completed. Need a refactory and make it dynamic Aug 17, 2019
.watchmanconfig AppleCard Design is completed. Need a refactory and make it dynamic Aug 17, 2019
LICENSE
README.md Update README.md Aug 24, 2019
app.json AppleCard Design is completed. Need a refactory and make it dynamic Aug 17, 2019
babel.config.js AppleCard Design is completed. Need a refactory and make it dynamic Aug 17, 2019
package.json AppleCard: Style prop is removed, it is already implemented with ...p… Aug 18, 2019

README.md

React Native Apple Card Views

Battle Tested ✅

Customizable and perfect clone of Apple, App Store Card Views for React Native.

npm version npm Platform - Android and iOS License: MIT styled with prettier

React Native Apple Card Views React Native Apple Card Views

React Native Apple Card Views

Installation

Add the dependency:

Pure React Native:

npm i react-native-apple-card-views

Peer Dependencies

IMPORTANT! You need install them.
"react": ">= 16.x",
"react-native": ">= 0.55.x",
"react-native-androw": ">= 0.0.33",
"react-native-linear-gradient": ">= 2.5.6",
"react-native-material-ripple": ">= 0.8.0"

Options

  • AppleCard
  • AppOfTheDayCard

Usage

AppleCard Usage

<AppleCard />

AppOfTheDayCard Usage

<AppOfTheDayCard />

Configuration - Props

Apple Header Props

Property Type Default Description
source image default image set the image background
shadowColor color #000 change the main card's shadow color
smallTitle string NEW GAME change the small title
largeTitle string The Brilliance of Brawl Stars change the main large title
footnoteText string The next game from the markers of Clash Royale is here. Tap to learn more. change the footnote text
smallTitleStyle style style set custom style for small title
largeTitleStyle style style set custom style for large title
footnoteStyle style style set custom style for footnote
onPress function null use this to set onPress functionality

App Of The Day Card Props

Property Type Default Description
shadowColor color #000 change the main card's shadow color
backgroundSource image default image set the image background for main card
iconSource image default image set the logo image
largeTitle string APP OF THE DAY change the main large title
title string 16 change the title
subtitle string 16 change the subtitle
buttonText string Ionicons change the button's text
buttonSubtitle string 25 change the button's bottom subtitle
largeTitleStyle style style set the custom style for large title
iconStyle style style set the custom style for icon
buttonOnPress function null set a function for button's onPress
onPress function null set a function for main card's onPress

Author

FreakyCoder, kurayogun@gmail.com

License

React Native Apple Card Views Library is available under the MIT license. See the LICENSE file for more info.

You can’t perform that action at this time.