Skip to content

React Native Scratch Card which temporarily hides content from user

License

Notifications You must be signed in to change notification settings

sweatco/rn-scratch-card

Repository files navigation

rn-scratch-card

React Native Scratch Card which temporarily hides content from a user

Scratch Sample

Check out it on dribble.

Installation

yarn add rn-scratch-card

https://nodei.co/npm/rn-scratch-card.png?downloads=true&downloadRank=true&stars=true

Usage

import { ScratchCard } from 'rn-scratch-card'

// ...
<ScratchCard
  source={require('./scratch_foreground.png')}
  brushWidth={50}
  onScratch={handleScratch}
  style={styles.scratch_card}
/>

Example project setup

cd rn-scratch-card
yarn install
cd example
yarn install
yarn run react-native run-ios

If you are launching project under iOS, please, also remember to

cd ios
pod install

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT