Installations

npm install react-native-apple-card-views

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS

Node Version

16.19.0

NPM Version

8.19.3 Pull Requests

Open

0

Total

120

Closed

52

Merged

68

Issues

Open

0

Total

11

Closed

11

Releases

7

Version 3 🥳 🚀

3.0.0

Updated on Feb 04, 2023

Better Typescript Support 🥳

2.2.0

Updated on Apr 17, 2022

react-native-bounceable dependency version fix 😇

2.1.3

Updated on Mar 21, 2021

AppOfTheDayCard is rewritten and more customization options 🥳

2.1.2

Updated on Mar 10, 2021

Version 2 is here 😍 with awesome Bounce Effect

2.0.0

Updated on Oct 06, 2020

Typescript and Fully Customizable Version 🥳

1.0.2

Updated on Aug 27, 2020

View All 7 releases

Languages

9

Java

TypeScript

C++

Objective-C++

JavaScript

Objective-C

Ruby

Starlark

CMake

Java (32.15%)

TypeScript (25.22%)

C++ (15.04%)

Objective-C++ (9.17%)

JavaScript (8.36%)

Objective-C (4.92%)

Ruby (3.34%)

Starlark (1.24%)

CMake (0.56%)

Developer

WrathChaos

Download Statistics

Total Downloads

0

Last Day

0

Last Week

0

Last Month

0

Last Year

0

GitHub Statistics

MIT License

407 Stars

175 Commits

24 Forks

5 Watchers

1 Branches

1 Contributors

Updated on Jun 16, 2025

Maintainers

1

View All 1 Contributors

Package Meta Information

Latest Version

3.0.0

Package Id

react-native-apple-card-views@3.0.0

Unpacked Size

971.42 kB

Size

230.58 kB

File Count

41

NPM Version

8.19.3

Node Version

16.19.0

Published on

Feb 04, 2023

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

0%

NaN

Compared to previous day

Last Week

0%

NaN

Compared to previous week

Last Month

0%

NaN

Compared to previous month

Last Year

0%

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

1

@freakycoder/react-native-bounceable

Dev Dependencies

16

@commitlint/cli @commitlint/config-conventional @react-native-community/eslint-config @types/react @types/react-native cpx eslint eslint-config-airbnb husky lint-staged npm-post-install prettier prettier-format react-native-typescript-transformer semantic-release typescript

React Native Apple Card Views

Installation

Add the dependency:

Pure React Native

1npm i react-native-apple-card-views

Expo Version

1npm i react-native-apple-card-views#expo

Peer Dependencies

IMPORTANT! You need install them

1"react-native-androw": ">= 0.0.33",
2"react-native-linear-gradient": ">= 2.5.6",
3"@freakycoder/react-native-bounceable": ">= 0.1.1"

Expo Peer Dependencies

IMPORTANT! You need install them

1"expo-linear-gradient": ">= 9.2.0"
2"@freakycoder/react-native-bounceable": ">= 0.1.1"

Options

Usage

AppleCard Usage

1<AppleCard
2  smallTitle=""
3  largeTitle=""
4  footnoteText=""
5  resizeMode="cover"
6  source={require("./assets/hero_bg_brawlstars_.jpg")}
7  backgroundStyle={{
8    height: 200,
9  }}
10  onPress={() => {}}
11/>

AppOfTheDayCard Usage

1<AppOfTheDayCard
2  iconSource={require("./assets/Colorfy.jpg")}
3  backgroundSource={require("./assets/ColorfyBG.jpg")}
4  onPress={() => {}}
5  buttonOnPress={() => {}}
6/>

Configuration - Props

AppleCard Props

Property	Type	Default	Description
source	image	default image	set the image background
style	style	default	change the style of the card
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
backgroundStyle	style	default	set custom style for background image
smallTitleTextStyle	style	default	set custom style for small title
largeTitleTextStyle	style	default	set custom style for large title
footnoteTextStyle	style	default	set custom style for footnote
onPress	function	null	use this to set onPress functionality

AppOfTheDayCard Props

Property	Type	Default	Description
style	style	default	change the style of the card and image background
shadowStyle	style	default	change the style of the card's shadow
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	"Colorfy: Coloring Art Games"	change the title text
subtitle	string	"Drawing & painting for everyone"	change the subtitle text
buttonText	string	"GET"	change the button's text
gradientColors	Array	["#de9c7c", "#ef9f81", "#efa192"]	change the gradient colors
buttonSubtitle	string	"In-App Purchases"	change the button's bottom subtitle
largeTitleTextStyle	style	default	set the custom style for large title
subtitleTextStyle	style	default	set the custom style for subtitle text
titleTextStyle	style	default	set the custom style for title text
iconStyle	style	default	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

Roadmap

AppleCard Rewritten and Code Cleaning
AppleCard More Customization Options

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.

No vulnerabilities found.

10

License

Determines if the project has defined a license.

9

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

4

Maintained

Determines if the project is "actively maintained".

3

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

Score

2.5

/10

Last Scanned on 2025-07-14

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More