A color Picker for RN Devs :)
Below you will find some information on how to perform common tasks.
https://files.slack.com/files-pri/T2N3XAL3Z-FUKDB04MP/download/20200304_191657.mp4
Install the package in your project's folder by using npm or yarn:
npm install RN-Color-Palette
or
yarn add RN-Color-Palette
Import RNColorPalette in your AppComponent as below:
import RNColorPalette from 'RN-Color-Palette';
<RNColorPalette
colorList={colors}
value={pickedColor2}
onItemSelect={this.colorPicked2}
AddPickedColor={colour => this.AddColor(colour)}
style={{
backgroundColor: pickedColor2,
width: 110,
height: 30,
}}>
Feel free to make Pull Requests for your feature/fix. To run the project, run
npm install
or
yarn
then
npm start
| Props | Type | isRequired | Example |
|---|---|---|---|
| color | string | No | 'Default is SkyBlue', 'green' or '#fb6249' or 'rgb(255, 26, 26)'``// If you want Progress bar Opaque, You can use rgba(...) or hsla(...) |
| height | number | No | 'Should be a Number, 4 is default' |
MIT © IOMechs