feat: basic support to avoid react-native-web crash

Author: jeremybarbet

src/index.tsx

@@ -50,10 +50,12 @@ export class Modalize<FlatListItem = any, SectionListItem = any> extends React.C
     avoidKeyboardLikeIOS: Platform.select({
       ios: true,
       android: false,
+      default: true,
     }),
     modalTopOffset: Platform.select({
       ios: 0,
       android: StatusBar.currentHeight || 0,
+      default: 0,
     }),
     panGestureEnabled: true,
     closeOnOverlayTap: true,

src/styles.ts

@@ -1,4 +1,8 @@
-import { StyleSheet } from 'react-native';
+import { StyleSheet, Dimensions } from 'react-native';
+
+import { isWeb } from './utils/devices';
+
+const { height } = Dimensions.get('window');
 
 export default StyleSheet.create({
   modalize: {
@@ -79,6 +83,8 @@ export default StyleSheet.create({
     bottom: 0,
     left: 0,
     zIndex: 0,
+
+    height: isWeb ? height : undefined,
   },
 
   overlay__background: {

src/utils/devices.ts

@@ -5,3 +5,4 @@ const { width, height } = Dimensions.get('window');
 export const isIos = Platform.OS === 'ios';
 export const isIphoneX =
   isIos && (height === 812 || width === 812 || height === 896 || width === 896);
+export const isWeb = typeof document !== 'undefined';