RadioGroup containerStyle added

Author: ThakurBallary

README.md

@@ -117,6 +117,7 @@ value | string | no |  | any string
 #### RadioGroup
 Key | Type | Required | Default | Valid Values
 --- | --- | --- | --- | ---
+containerStyle | object | no | | react style
 layout | enum | no | column | row / column
 onPress | function | no | | any function
 radioButtons | array | yes | | arrary of [RadioButton](#radiobutton) objects

lib/RadioGroup.tsx

@@ -4,7 +4,7 @@ import _ from 'lodash';
 
 import { RadioButton, RadioButtonProps, RadioGroupProps } from './index';
 
-export default function RadioGroup({ layout = 'column', onPress, radioButtons }: RadioGroupProps) {
+export default function RadioGroup({ containerStyle, layout = 'column', onPress, radioButtons }: RadioGroupProps) {
 
   const [radioButtonsLocal, setRadioButtonsLocal] = useState<RadioButtonProps[]>(radioButtons);
 
@@ -24,23 +24,20 @@ export default function RadioGroup({ layout = 'column', onPress, radioButtons }:
   }
 
   return (
-    <View style={styles.container}>
-      <View style={{ flexDirection: layout }}>
-        {radioButtonsLocal.map((button) => (
-          <RadioButton
-            {...button}
-            key={button.id}
-            onPress={handlePress}
-          />
-        ))}
-      </View>
+    <View style={[styles.container, { flexDirection: layout }, containerStyle]}>
+      {radioButtonsLocal.map((button) => (
+        <RadioButton
+          {...button}
+          key={button.id}
+          onPress={handlePress}
+        />
+      ))}
     </View>
   )
 }
 
 const styles = StyleSheet.create({
   container: {
-    justifyContent: 'center',
     alignItems: 'center',
   }
 });

lib/types.ts

@@ -14,6 +14,7 @@ export type RadioButtonProps = {
 };
 
 export type RadioGroupProps = {
+  containerStyle?: object;
   layout?: 'row' | 'column';
   onPress?: (radioButtons: RadioButtonProps[]) => void;
   radioButtons: RadioButtonProps[];

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-radio-buttons-group",
-  "version": "2.2.4",
+  "version": "2.2.5",
   "description": "Simple and Best. An easy to use radio buttons for react native apps.",
   "main": "./lib/index.ts",
   "scripts": {