Finally, version 2 is here with much basic usage and re-written code. It does not support a text but it is easy to add a text depends on the dev Typescript support and much cleaner code
Add the dependency:
npm i react-native-animated-radio-button
####### IMPORTANT! You need install them
"@freakycoder/react-native-bounceable": ">= 0.2.5",
import RadioButton from "react-native-animated-radio-button";
You can check the example out 😏
<RadioButton
onPress={(isActive: boolean) =>
console.log("RadioButton isActive: ", isActive)
}
/>
<RadioButton
style={{
marginTop: 32,
borderRadius: 16,
borderWidth: 3,
borderColor: "#328da8",
}}
innerBackgroundColor="#328da8"
innerContainerStyle={{ height: 35, width: 35, borderRadius: 10 }}
onPress={(isActive: boolean) => console.log("isActive: ", isActive)}
/>
Property | Type | Default | Description |
---|---|---|---|
style | style | default | set the main container’s style (outer circle) |
innerContainerStyle | style | default | set the inner container’s style (inner circle) |
innerBackgroundColor | color | red | change the inner circle’s background color |
initial | boolean | undefined | set the initial activation of the radio button |
isActive | boolean | undefined | this will disable the built-in state of activation |
onPress | function | default | set your own function when onPress is triggered |
FreakyCoder, kurayogun@gmail.com
Author: WrathChaos
The Demo/Documentation: View The Demo/Documentation
Download Link: Download The Source Code
Official Website: https://github.com/WrathChaos/react-native-animated-radio-button
License: MIT
#react-native