1.0.6 • Published 8 years ago
react-native-item-checkbox v1.0.6
react-native-item-checkbox
Create your own item checkbox with custom colors.
Getting started
npm i react-native-item-checkbox
!IMPORTANT only works with react-native-vector-items now
Don't forget to run rnpm link
Basic usage
Options
| Option | default value | values |
|---|---|---|
| onCheck (PropTypes.func) | function that alerts 'implement me' | callback function |
| onUncheck (PropTypes.func) | function that alerts 'implement me' | callback function |
| icon (PropTypes.String) | 'check' | any FontAwesome icon you find here |
| size (PropTypes.number) | 18 | the size of your checkbox button |
| backgroundColor (PropTypes.String) | 'grey' | colors |
| color (PropTypes.String) | 'white' | colors |
| iconSize (PropTypes.String) | 'normal' | {'small', 'normal', 'large'} |
| checked (PropTypes.bool) | false | {true, false} (calles onCheck or onUncheck) |
| default (PropTypes.bool) | false | {true, false} (doesn't call onCheck or onUncheck) |
| style (PropTypes.func) | null | custom style |
Examples
var ItemCheckbox = require('react-native-item-checkbox');
// inside your render function
<ItemCheckbox /> // 
// ...
_onCheckCallback: function() {
alert('checked');
},
// ...
<ItemCheckbox //example with callbacks
onCheck={this._onCheckCallback}
/><ItemCheckbox //example with icon settings
color="#FF9999"
icon="tree"
iconSize="normal" //"small", "normal", "large"
size={100}
/>
iconSize
iconSize={"small", "normal", "large"}