react-native-wheel-of-fortune
Wheel of fortune component for React Native.
Installation
Use the package manager npm and yarn to install react-native-wheel-of-fortune.
Dependencies
WheelofFortune is dependent on react-native-svg and D3-shape plugins.
Import
Properties
Property | Type | Default | Desc |
---|---|---|---|
rewards (required) | Array |
- | Set Rewards |
winner | Number |
random | Set winner index |
colors | Array |
Default Colors | Segment background colors |
duration (ms) | Number |
10000 | Completion time (ms) |
getWinner (required) | callback(value,index) |
- | Winner value and index callback function |
backgroundColor | String |
#FFFFFF | Wheel background color |
borderWidth | Number |
2 | Wheel border width |
borderColor | String |
#FFFFFF | Wheel border color |
textColor | String |
#FFFFFF | Rewards text color |
knobSize | Number |
20 | Knoob size |
knoobSource | Path |
knoob.png | Knoob source |
playButton | render() |
example | Render method for tap to play button |
innerRadius | Number |
100 | Set inner radius size |
Usage
For more information and test go to /Example folder.