feat(#67): Moved checkbox to a user defined function.

Author: Sibtain Ali

README.md

@@ -181,6 +181,7 @@ Prop                | Type     | Optional | Default      | Description
 `customSelector`     | node   | Yes | undefined          | Render a custom node instead of the built-in select box.
 `initSelectedKeys`     | array<any>   | Yes | []          | Key of the items to be initially selected. Should contain only one key if `multiple` is selected as false.
 `multiple`  | bool  | No |  false   | Adds the ability to select multiple options.
+`renderCheckbox`  | function  | No |  (checked, onPress) => {}   | Function that returns a checkbox element. Arguments of the function include `checked` state and `onPress` function that gets executed when the element is pressed.
 
 ### Methods
 

SampleApp/App.js

@@ -3,9 +3,14 @@
 import React, {Component} from 'react';
 
 import {View, Text, TextInput, Switch} from 'react-native';
+import {CheckBox} from 'react-native-elements';
+
+import Icon from 'react-native-vector-icons/FontAwesome';
 
 import ModalSelector from 'react-native-modal-selector';
 
+Icon.loadFont();
+
 class SampleApp extends Component {
   constructor() {
     super();
@@ -53,6 +58,9 @@ class SampleApp extends Component {
         <ModalSelector
           data={data}
           multiple={true}
+          renderCheckbox={(checked, onPress) => (
+            <CheckBox onPress={onPress} checked={checked} />
+          )}
           initValue="Select something yummy!"
           onChange={option => {
             alert(`${JSON.stringify(option)} nom nom nom`);

SampleApp/README.md

@@ -14,7 +14,7 @@ Use [nodemon](https://github.com/remy/nodemon) to keep the module in sync with `
 
 ```
 $ npm install
-$ react-native run-[ios|android]
+$ npx react-native run-[ios|android]
 $ npm run nodemon
 ```