Added containerStyle to RadioButton

README.md

@@ -102,6 +102,7 @@ export default function App() {
 Key | Type | Required | Default | Valid Values
 --- | --- | --- | --- | --- 
 color | string | no | #444 | css color formats
+containerStyle | object | no | | react style
 disabled | boolean | no | false | true / false
 id | string | yes |  | any string
 label | string | no |  | any string

index.d.ts

@@ -1,24 +1,9 @@
 import * as React from "react";
 
-export interface RadioButtonProps {
-  color?: string;
-  disabled?: boolean;
-  id: string;
-  label?: string;
-  labelStyle?: object;
-  layout?: "row" | "column";
-  onPress?: (id: string) => void;
-  selected?: boolean;
-  size?: number;
-  value?: string;
-}
-
-export interface RadioGroupProps {
-  layout?: "row" | "column";
-  onPress?: (radioButtons: RadioButtonProps[]) => void;
-  radioButtons: RadioButtonProps[];
-}
+import { RadioGroupProps } from "./lib";
 
 declare class RadioGroup extends React.Component<RadioGroupProps, any> {}
 
+export * from "./lib/types";
+
 export default RadioGroup;

index.js

@@ -1,2 +1,2 @@
-import RadioButtonsGroup from "./lib/RadioButtonsGroup";
+import RadioButtonsGroup from "./lib";
 export default RadioButtonsGroup;

lib/RadioButtonsGroup/RadioButton.tsx → lib/RadioButton.tsx

@@ -5,6 +5,7 @@ import { RadioButtonProps } from './types';
 
 export default function RadioButton({
   color = '#444',
+  containerStyle,
   disabled = false,
   id,
   label,
@@ -38,7 +39,7 @@ export default function RadioButton({
   return (
     <Pressable
       onPress={handlePress}
-      style={[styles.container, orientation, { opacity: disabled ? 0.2 : 1 }]}
+      style={[styles.container, orientation, { opacity: disabled ? 0.2 : 1 }, containerStyle]}
     >
       <View
         style={[

lib/RadioButtonsGroup/RadioGroup.tsx → lib/RadioGroup.tsx

@@ -1,8 +1,7 @@
 import React, { useState } from 'react';
 import { StyleSheet, View } from 'react-native';
 
-import { RadioButtonProps, RadioGroupProps } from './types';
-import RadioButton from './RadioButton';
+import { RadioButton, RadioButtonProps, RadioGroupProps } from './index';
 
 export default function RadioGroup({ layout = 'column', onPress, radioButtons }: RadioGroupProps) {
 

lib/RadioButtonsGroup/types.ts → lib/types.ts

@@ -1,5 +1,6 @@
 export type RadioButtonProps = {
   color?: string;
+  containerStyle?: object;
   disabled?: boolean;
   id: string;
   label?: string;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-radio-buttons-group",
-  "version": "2.0.1",
+  "version": "2.1.0",
   "description": "Simple and Best. An easy to use radio buttons for react native apps.",
   "main": "index.js",
   "scripts": {