feat: works with array of styles

src/CustomFunctions/extractProps.js

@@ -0,0 +1,11 @@
+export default (customProps, originalProps) => {
+  if (Array.isArray(originalProps.style)) {
+    originalProps.style.forEach((style) => {
+      customProps.style = [...customProps.style, style];
+    });
+  } else {
+    customProps.style = [...customProps.style, originalProps.style];
+  }
+
+  return customProps;
+};

src/CustomFunctions/setCustomActivityIndicator.js

@@ -1,4 +1,5 @@
 import { ActivityIndicator } from 'react-native'
+import extractProps from './extractProps'
 
 export const setCustomActivityIndicator = customProps => {
   const ActivityIndicatorRender = ActivityIndicator.render
@@ -9,7 +10,10 @@ export const setCustomActivityIndicator = customProps => {
   }
   ActivityIndicator.render = function render(props) {
     let oldProps = props
-    props = { ...props, style: [customProps.style, props.style] }
+    props = { ...props, style: [customProps.style] }
+
+    props = extractProps(props, oldProps)
+
     try {
       return ActivityIndicatorRender.apply(this, arguments)
     } finally {

src/CustomFunctions/setCustomImage.js

@@ -1,4 +1,5 @@
 import { Image } from 'react-native'
+import extractProps from './extractProps'
 
 export const setCustomImage = customProps => {
   const ImageRender = Image.render
@@ -9,7 +10,10 @@ export const setCustomImage = customProps => {
   }
   Image.render = function render(props) {
     let oldProps = props
-    props = { ...props, style: [customProps.style, props.style] }
+    props = { ...props, style: [customProps.style] }
+
+    props = extractProps(props, oldProps)
+
     try {
       return ImageRender.apply(this, arguments)
     } finally {

src/CustomFunctions/setCustomKeyboardAvoidingView.js

@@ -1,4 +1,5 @@
 import { KeyboardAvoidingView } from 'react-native'
+import extractProps from './extractProps'
 
 export const setCustomKeyboardAvoidingView = customProps => {
   const KeyboardAvoidingViewRender = KeyboardAvoidingView.render
@@ -9,7 +10,10 @@ export const setCustomKeyboardAvoidingView = customProps => {
   }
   KeyboardAvoidingView.render = function render(props) {
     let oldProps = props
-    props = { ...props, style: [customProps.style, props.style] }
+    props = { ...props, style: [customProps.style] }
+
+    props = extractProps(props, oldProps)
+
     try {
       return KeyboardAvoidingViewRender.apply(this, arguments)
     } finally {

src/CustomFunctions/setCustomListView.js

@@ -1,4 +1,5 @@
 import { ListView } from 'react-native'
+import extractProps from './extractProps'
 
 export const setCustomListView = customProps => {
   const ListViewRender = ListView.render
@@ -9,7 +10,10 @@ export const setCustomListView = customProps => {
   }
   ListView.render = function render(props) {
     let oldProps = props
-    props = { ...props, style: [customProps.style, props.style] }
+    props = { ...props, style: [customProps.style] }
+
+    props = extractProps(props, oldProps)
+
     try {
       return ListViewRender.apply(this, arguments)
     } finally {

src/CustomFunctions/setCustomModal.js

@@ -1,4 +1,5 @@
 import { Modal } from 'react-native'
+import extractProps from './extractProps'
 
 export const setCustomModal = customProps => {
   const ModalRender = Modal.render
@@ -9,7 +10,10 @@ export const setCustomModal = customProps => {
   }
   Modal.render = function render(props) {
     let oldProps = props
-    props = { ...props, style: [customProps.style, props.style] }
+    props = { ...props, style: [customProps.style] }
+
+    props = extractProps(props, oldProps)
+
     try {
       return ModalRender.apply(this, arguments)
     } finally {

src/CustomFunctions/setCustomPicker.js

@@ -1,4 +1,5 @@
 import { Picker } from 'react-native'
+import extractProps from './extractProps'
 
 export const setCustomPicker = customProps => {
   const PickerRender = Picker.render
@@ -9,7 +10,10 @@ export const setCustomPicker = customProps => {
   }
   Picker.render = function render(props) {
     let oldProps = props
-    props = { ...props, style: [customProps.style, props.style] }
+    props = { ...props, style: [customProps.style] }
+
+    props = extractProps(props, oldProps)
+
     try {
       return PickerRender.apply(this, arguments)
     } finally {

src/CustomFunctions/setCustomRefreshControl.js

@@ -1,4 +1,5 @@
 import { RefreshControl } from 'react-native'
+import extractProps from './extractProps'
 
 export const setCustomRefreshControl = customProps => {
   const RefreshControlRender = RefreshControl.render
@@ -9,7 +10,10 @@ export const setCustomRefreshControl = customProps => {
   }
   RefreshControl.render = function render(props) {
     let oldProps = props
-    props = { ...props, style: [customProps.style, props.style] }
+    props = { ...props, style: [customProps.style] }
+
+    props = extractProps(props, oldProps)
+
     try {
       return RefreshControlRender.apply(this, arguments)
     } finally {

src/CustomFunctions/setCustomScrollView.js

@@ -1,4 +1,5 @@
 import { ScrollView } from 'react-native'
+import extractProps from './extractProps'
 
 export const setCustomScrollView = customProps => {
   const ScrollViewRender = ScrollView.render
@@ -9,7 +10,10 @@ export const setCustomScrollView = customProps => {
   }
   ScrollView.render = function render(props) {
     let oldProps = props
-    props = { ...props, style: [customProps.style, props.style] }
+    props = { ...props, style: [customProps.style] }
+
+    props = extractProps(props, oldProps)
+
     try {
       return ScrollViewRender.apply(this, arguments)
     } finally {

src/CustomFunctions/setCustomSlider.js

@@ -1,4 +1,5 @@
 import { Slider } from 'react-native'
+import extractProps from './extractProps'
 
 export const setCustomSlider = customProps => {
   const SliderRender = Slider.render
@@ -9,7 +10,10 @@ export const setCustomSlider = customProps => {
   }
   Slider.render = function render(props) {
     let oldProps = props
-    props = { ...props, style: [customProps.style, props.style] }
+    props = { ...props, style: [customProps.style] }
+
+    props = extractProps(props, oldProps)
+
     try {
       return SliderRender.apply(this, arguments)
     } finally {

src/CustomFunctions/setCustomStatusBar.js

@@ -1,4 +1,5 @@
 import { StatusBar } from 'react-native'
+import extractProps from './extractProps'
 
 export const setCustomStatusBar = customProps => {
   const StatusBarRender = StatusBar.render
@@ -9,7 +10,10 @@ export const setCustomStatusBar = customProps => {
   }
   StatusBar.render = function render(props) {
     let oldProps = props
-    props = { ...props, style: [customProps.style, props.style] }
+    props = { ...props, style: [customProps.style] }
+
+    props = extractProps(props, oldProps)
+
     try {
       return StatusBarRender.apply(this, arguments)
     } finally {

src/CustomFunctions/setCustomSwitch.js

@@ -1,4 +1,5 @@
 import { Switch } from 'react-native'
+import extractProps from './extractProps'
 
 export const setCustomSwitch = customProps => {
   const SwitchRender = Switch.render
@@ -9,7 +10,10 @@ export const setCustomSwitch = customProps => {
   }
   Switch.render = function render(props) {
     let oldProps = props
-    props = { ...props, style: [customProps.style, props.style] }
+    props = { ...props, style: [customProps.style] }
+
+    props = extractProps(props, oldProps)
+
     try {
       return SwitchRender.apply(this, arguments)
     } finally {

src/CustomFunctions/setCustomText.js

@@ -1,4 +1,5 @@
 import { Text } from 'react-native'
+import extractProps from './extractProps'
 
 export const setCustomText = customProps => {
   const TextRender = Text.render
@@ -9,7 +10,10 @@ export const setCustomText = customProps => {
   }
   Text.render = function render(props) {
     let oldProps = props
-    props = { ...props, style: [customProps.style, props.style] }
+    props = { ...props, style: [customProps.style] }
+
+    props = extractProps(props, oldProps)
+
     try {
       return TextRender.apply(this, arguments)
     } finally {

src/CustomFunctions/setCustomTextInput.js

@@ -1,4 +1,5 @@
 import { TextInput } from 'react-native'
+import extractProps from './extractProps'
 
 export const setCustomTextInput = customProps => {
   const TextInputRender = TextInput.render
@@ -9,7 +10,10 @@ export const setCustomTextInput = customProps => {
   }
   TextInput.render = function render(props) {
     let oldProps = props
-    props = { ...props, style: [customProps.style, props.style] }
+    props = { ...props, style: [customProps.style] }
+
+    props = extractProps(props, oldProps)
+
     try {
       return TextInputRender.apply(this, arguments)
     } finally {

src/CustomFunctions/setCustomTouchable.js

@@ -4,6 +4,7 @@ import {
   TouchableWithoutFeedback,
   TouchableOpacity
 } from 'react-native';
+import extractProps from './extractProps';
 
 export const setCustomTouchableNativeFeedback = customProps => {
   const TouchableNativeFeedbackRender = TouchableNativeFeedback.render
@@ -14,7 +15,10 @@ export const setCustomTouchableNativeFeedback = customProps => {
   }
   TouchableNativeFeedback.render = function render(props) {
     let oldProps = props
-    props = { ...props, style: [customProps.style, props.style] }
+    props = { ...props, style: [customProps.style] }
+
+    props = extractProps(props, oldProps)
+
     try {
       return TouchableNativeFeedbackRender.apply(this, arguments)
     } finally {
@@ -31,7 +35,10 @@ export const setCustomTouchableWithoutFeedback = customProps => {
   }
   TouchableWithoutFeedback.render = function render(props) {
     let oldProps = props
-    props = { ...props, style: [customProps.style, props.style] }
+    props = { ...props, style: [customProps.style] }
+
+    props = extractProps(props, oldProps)
+
     try {
       return TouchableWithoutFeedbackRender.apply(this, arguments)
     } finally {
@@ -48,7 +55,10 @@ export const setCustomTouchableOpacity = customProps => {
   }
   TouchableOpacity.render = function render(props) {
     let oldProps = props
-    props = { ...props, style: [customProps.style, props.style] }
+    props = { ...props, style: [customProps.style] }
+
+    props = extractProps(props, oldProps)
+
     try {
       return TouchableOpacityRender.apply(this, arguments)
     } finally {
@@ -65,7 +75,10 @@ export const setCustomTouchableHighlight = customProps => {
   }
   TouchableHighlight.render = function render(props) {
     let oldProps = props
-    props = { ...props, style: [customProps.style, props.style] }
+    props = { ...props, style: [customProps.style] }
+
+    props = extractProps(props, oldProps)
+
     try {
       return TouchableHighlightRender.apply(this, arguments)
     } finally {

src/CustomFunctions/setCustomView.js

@@ -1,6 +1,5 @@
-import {
-  View
-} from 'react-native';
+import { View } from 'react-native';
+import extractProps from './extractProps';
 
 export const setCustomView = customProps => {
   const ViewRender = View.render
@@ -11,7 +10,10 @@ export const setCustomView = customProps => {
   }
   View.render = function render(props) {
     let oldProps = props
-    props = { ...props, style: [customProps.style, props.style] }
+    props = { ...props, style: [customProps.style] }
+
+    props = extractProps(props, oldProps)
+
     try {
       return ViewRender.apply(this, arguments)
     } finally {

src/CustomFunctions/setCustomWebView.js

@@ -1,6 +1,5 @@
-import {
-  WebView
-} from 'react-native';
+import { WebView } from 'react-native';
+import extractProps from './extractProps';
 
 export const setCustomWebView = customProps => {
   const WebViewRender = WebView.render
@@ -11,7 +10,10 @@ export const setCustomWebView = customProps => {
   }
   WebView.render = function render(props) {
     let oldProps = props
-    props = { ...props, style: [customProps.style, props.style] }
+    props = { ...props, style: [customProps.style] }
+
+    props = extractProps(props, oldProps)
+
     try {
       return WebViewRender.apply(this, arguments)
     } finally {