react-native-multi-checkbox

Multiple Checkbox component for React Native, it works on both iOS and Android.

Content

• Installation
• Getting started
• API
• Contribution

Installation

• 1.Run npm i react-native-multi-checkbox --save
• 2.import MultiCheckbox from 'react-native-multi-checkbox'

Getting started

Add react-native-multi-checkbox to your js file.

import MultiCheckbox from 'react-native-multi-checkbox'

Add Inside render method of component , use MultiCheckbox component:

<MultiCheckbox
    style={{flex:1, paddingBottom:10}}
    items={[{ id: 1,  label: "item 1" }, { id: 2, label: "item 2" }]}
    labelPosition="right"
    checkBoxColor="#fff"
    checkedCheckBoxColor="#fff"
    defaultSelected={[2]}
    onPress={handleCheckboxChange}
    labelStyle={{color: '#000000'}}
    itemStyle={{marginBottom: 10}}
/>

API

Props | Optional | Default | Description ----------------- | -------- | ----------- | ----------- style | true | | Custom style for section itemStyle | true | | Custom style for item (checckbox & label) labelStyle |true | | Custom style for label items | false | | Array data for items defaultSelected | true | | Array of id's labelPosition | true | Right | Position of lable checkedCheckboxImage | true | Checkbox image | Custom checked Image unCheckedCheckboxImage | true | Unchecked checkbox image | Custom unchecked Image onPress | false | | Callback function checkBoxColor | true | | Checkbox image tint color checkedCheckBoxColor | true | | Checked checkbox image tint color

Contribution

If there are any Issues then welcome. please attach screenshot of code and issue. Will solve issue ASAP.

Pull requests, feedbacks and suggestions are welcome!