|
21 | 21 |
|
22 | 22 | Add the dependency: |
23 | 23 |
|
24 | | -### React Native: |
| 24 | +### React Native |
25 | 25 |
|
26 | 26 | ```ruby |
27 | 27 | npm i react-native-bouncy-checkbox |
@@ -80,31 +80,29 @@ import BouncyCheckbox from "react-native-bouncy-checkbox"; |
80 | 80 |
|
81 | 81 | ### Configuration - Props |
82 | 82 |
|
83 | | -| Property | Type | Default | Description | |
84 | | -| ---------------- | :-------: | :------------: | ----------------------------------------------------------- | |
85 | | -| borderWidth | number | 1 | border width of the checkbox | |
86 | | -| borderRadius | number | 20 | border radius of the checkbox | |
87 | | -| borderColor | string | #ffc484 | border color of the checkbox | |
88 | | -| color | string | #757575 | color of the text | |
89 | | -| size | number | 25 | size of `width` and `height` of the checkbox | |
90 | | -| isChecked | boolean | false | set the default checkbox value | |
91 | | -| unfillColor | color | transparent | change the checkbox's un-filled color when it's not checked | |
92 | | -| useNativeDriver | boolean | true | enable/disable the useNativeDriver for animation | |
93 | | -| text | string | Call my mom 😇 | set the checkbox's text | |
94 | | -| textColor | color | #757575 | change the text's color | |
95 | | -| fontFamily | string | default | set your own font family | |
96 | | -| fontSize | number | 16 | change the text's font size | |
97 | | -| fillColor | color | #f09f48 | change the checkbox's filled color | |
98 | | -| textStyle | object | default | set your own text style | |
99 | | -| textDecoration | boolean | false | enable/disable text decoration for Text | |
100 | | -| onPress | function | null | set your own onPress functionality after the bounce effect | |
101 | | -| iconComponent | component | Icon | set your own icon component | |
102 | | -| iconStyle | object | default | set your own icon style | |
103 | | -| checkImageSource | image | default | set your own check icon image | |
104 | | -| checkImageWidth | number | 10 | change the check icon's width | |
105 | | -| checkImageHeight | number | 10 | change the check icon's height | |
106 | | -| ImageComponent | component | Image | set your own Image component instead of RN's default Image | |
107 | | -| disableText | boolean | false | if you want to use checkbox without text, you can enable it | |
| 83 | +| Property | Type | Default | Description | |
| 84 | +| -------------------- | :-------: | :------------: | ----------------------------------------------------------- | |
| 85 | +| borderWidth | number | 1 | border width of the checkbox | |
| 86 | +| borderRadius | number | 20 | border radius of the checkbox | |
| 87 | +| borderColor | string | #ffc484 | border color of the checkbox | |
| 88 | +| size | number | 25 | size of `width` and `height` of the checkbox | |
| 89 | +| isChecked | boolean | false | set the default checkbox value | |
| 90 | +| unfillColor | color | transparent | change the checkbox's un-filled color when it's not checked | |
| 91 | +| useNativeDriver | boolean | true | enable/disable the useNativeDriver for animation | |
| 92 | +| text | string | Call my mom 😇 | set the checkbox's text | |
| 93 | +| textColor | color | #757575 | change the text's color | |
| 94 | +| fontSize | number | 16 | change the text's font size | |
| 95 | +| fillColor | color | #f09f48 | change the checkbox's filled color | |
| 96 | +| textStyle | object | default | set your own text style | |
| 97 | +| textDecoration | boolean | false | enable/disable text decoration for Text | |
| 98 | +| onPress | function | null | set your own onPress functionality after the bounce effect | |
| 99 | +| iconComponent | component | Icon | set your own icon component | |
| 100 | +| iconStyle | object | default | set your own icon style | |
| 101 | +| checkIconImageSource | image | default | set your own check icon image | |
| 102 | +| checkImageWidth | number | 10 | change the check icon's width | |
| 103 | +| checkImageHeight | number | 10 | change the check icon's height | |
| 104 | +| ImageComponent | component | Image | set your own Image component instead of RN's default Image | |
| 105 | +| disableText | boolean | false | if you want to use checkbox without text, you can enable it | |
108 | 106 |
|
109 | 107 | ### Future Plans |
110 | 108 |
|
|
0 commit comments