DisableBuiltinStateManagement feature is added

Author: WrathChaos

README.md

@@ -1,12 +1,9 @@
 <img alt="React Native Animated Radio Button" src="assets/logo.png" width="1050"/>
 
-
 [![Battle Tested ✅](https://img.shields.io/badge/-Battle--Tested%20%E2%9C%85-03666e?style=for-the-badge)](https://github.com/WrathChaos/react-native-animated-radio-button)
 
-
 [![Fully customizable animated radio button for React Native](https://img.shields.io/badge/-Fully%20customizable%20animated%20radio%20button%20for%20React%20Native-lightgrey?style=for-the-badge)](https://github.com/WrathChaos/react-native-animated-radio-button)
 
-
 [![npm version](https://img.shields.io/npm/v/react-native-animated-radio-button.svg?style=for-the-badge)](https://www.npmjs.com/package/react-native-animated-radio-button)
 [![npm](https://img.shields.io/npm/dt/react-native-animated-radio-button.svg?style=for-the-badge)](https://www.npmjs.com/package/react-native-animated-radio-button)
 ![Platform - Android and iOS](https://img.shields.io/badge/platform-Android%20%7C%20iOS-blue.svg?style=for-the-badge)
@@ -59,15 +56,16 @@ You can check the example out 😏
 
 # Configuration - Props
 
-| Property     |   Type   |  Default   | Description                                     |
-| ------------ | :------: | :--------: | ----------------------------------------------- |
-| size         |  number  |     16     | change the size of the radio button             |
-| isSelected   | boolean  |   false    | set the selectable of the radio button          |
-| isBounceable | boolean  |    true    | enable or disable the bounceable effect         |
-| innerColor   |  color   | dodgerblue | change the radio button's inner circle color    |
-| outerColor   |  color   | dodgerblue | change the radio button's outer circle color    |
-| onPress      | function |     ()     | set your own function when onPress is triggered |
-
+| Property                      |   Type   |  Default   | Description                                                                                                                            |
+| ----------------------------- | :------: | :--------: | -------------------------------------------------------------------------------------------------------------------------------------- |
+| size                          |  number  |     16     | change the size of the radio button                                                                                                    |
+| isSelected                    | boolean  |   false    | set the selectable of the radio button                                                                                                 |
+| isBounceable                  | boolean  |    true    | enable or disable the bounceable effect                                                                                                |
+| innerColor                    |  color   | dodgerblue | change the radio button's inner circle color                                                                                           |
+| outerColor                    |  color   | dodgerblue | change the radio button's outer circle color                                                                                           |
+| onPress                       | function |     ()     | set your own function when onPress is triggered                                                                                        |
+| disableBuiltinStateManagement |   bool   |   false    | disable the builtin state management to let your state management for the radio button                                                 |
+| active                        |   bool   |   false    | you can use this prop to set the radio button is active or not, this **ONLY works** when **built-in** state management is **disabled** |
 
 ## Credits
 
@@ -81,7 +79,6 @@ The library itself also has a bouncy animation when onPress is triggered.
 - [ ] Left, right, bottom text component as optional
 - [ ] Write an article about the lib on Medium
 
-
 ## Author
 
 FreakyCoder, kurayogun@gmail.com

lib/src/RadioButton.js

@@ -22,6 +22,7 @@ export default class RadioButton extends Component {
     this.setState({ _isSelected: !_isSelected });
     const { isBounceable, onPress } = this.props;
     if (isBounceable) this.spring(Easing.bounce);
+    this.props.onChange && this.props.onChange(item);
     if (onPress) onPress();
   };
 
@@ -35,10 +36,19 @@ export default class RadioButton extends Component {
   };
 
   render() {
-    const { size, innerColor, outerColor } = this.props;
-
+    const {
+      size,
+      innerColor,
+      outerColor,
+      disableBuiltinStateManagement,
+      active
+    } = this.props;
     const { springValue, _isSelected } = this.state;
 
+    let stateManagement = _isSelected;
+    if (disableBuiltinStateManagement) stateManagement = active;
+    else _isSelected;
+
     return (
       <TouchableOpacity onPress={this.handleOnPress}>
         <Animated.View
@@ -48,7 +58,7 @@ export default class RadioButton extends Component {
             styles.center
           ]}
         >
-          {_isSelected ? (
+          {stateManagement ? (
             <View style={innerStyle(size, innerColor)} {...this.props} />
           ) : null}
         </Animated.View>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-animated-radio-button",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "Fully customizable animated radio button for React Native",
   "keywords": [
     "bouncy",