PickerAvoidingView: Add enabled property

Author: cubuspl42

src/PickerAvoidingView/index.ios.js

@@ -37,13 +37,15 @@ export function PickerAvoidingView(props) {
         }
     }, [isPickerOpen]);
 
-    return (
-        <View
-            style={StyleSheet.compose(props.style, {
-                paddingBottom: shouldAddSpace ? IOS_MODAL_HEIGHT : 0,
-            })}
-        >
-            {props.children}
-        </View>
-    );
+    const style = props.enabled
+        ? StyleSheet.compose(props.style, {
+              paddingBottom: shouldAddSpace ? IOS_MODAL_HEIGHT : 0,
+          })
+        : props.style;
+
+    return <View style={style}>{props.children}</View>;
 }
+
+PickerAvoidingView.defaultProps = {
+    enabled: true,
+};

src/PickerAvoidingView/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { View } from "react-native";
+import { View } from 'react-native';
 
 /**
  * As, currently, only on iOS the picker's modal resembles the software keyboard
@@ -9,5 +9,7 @@ import { View } from "react-native";
  * within the PickerAvoidingView.
  */
 export function PickerAvoidingView(props) {
-    return <View {...props}>{props.children}</View>;
+    // eslint-disable-next-line no-unused-vars
+    const { enabled, ...viewProps } = props;
+    return <View {...viewProps}>{props.children}</View>;
 }