0.0.4 • Published 7 years ago
react-native-custom-component-checkbox v0.0.4
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 |