react-native-custom-component-checkbox

Checkbox component for React native for both android and ios

Installation:

Install the component through npm using:

npm install react-native-custom-component-checkbox --save

Example:

import CheckBox from 'react-native-custom-component-checkbox';

let data=[{typedValue:1,isTextInputField:false,isRequired:true,label:"first item",isImage:false,text:""},
          {typedValue:2,isTextInputField:true,isRequired:true,label:"",isImage:false,text:""},
          {typedValue:3,isTextInputField:false,isRequired:false,label:"",isImage:true,url:''},
          {typedValue:3,isTextInputField:false,isRequired:false,label:"None of the above",isImage:false,url:'',noneOfabove:'true'}];

<Checkbox
 dataSource={data}
 onItemChecked={(data,i)=>{
 }}
 itemShowKey="label"
 itemCheckedKey="RNchecked"
 labelHorizontal={true}
/>

Props:

* - mandatory

Props Name | Description ---------- | ----------- label | text that will be displayed along the checkbox * dataSource | describes parameters in an array for the custom components * onItemChecked | function defined to get a call back when each component whether selected or not itemShowKey | describes the text to be displayed for each checkbox itemCheckedKey | check condition whether a checkbox selected or not labelHorizontal | align label horizontal with the checkbox textInputStyle | user could define the styles for the text input imageStyle | user could define styles for the image checkboxStyle | user could define styles for checkbox contentContainerStyle | style object that will be applied to the container