react-native-custom-radio-group
A react native radio group component with custom radio button. The component enables single select radio button behaviour with default select option and customization of the button styles.
Example:
Example uses default styles by RadioGroup
Installation:
npm install react-native-custom-radio-group --save
Props:
- radioGroupList (Required) : An array of object; object => {label: '', value: ''}
- onChange: CallBack with the value of selected radio button
- initialValue: Value of the option to be initially selected
- containerStyle: Style of the radio group container
- buttonContainerStyle: Base style of the custom button container,
- buttonTextStyle: Base style of the custom button label text,
- buttonContainerActiveStyle: Added style of the custom button container when active,
- buttonContainerInactiveStyle: Added style of the custom button container when inactive,
- buttonTextActiveStyle: Added style of the custom button text when active,
- buttonTextInactiveStyle: Added style of the custom button text when inactive
Usage:
;;; { return <View> <Text> SELECT: </Text> <RadioGroup radioGroupList=radioGroupList/> </View>; }
//radioGroupList.jsconst radioGroupList = label: 'Car' value: 'transport_car' label: 'Bike' value: 'transport_bike' label: 'Bus' value: 'transport_bus';