Remove reanimated fix (#45)

Author: paufau

README.md

@@ -162,6 +162,11 @@ Common:
 
 - Create separate documentation page
 
+## Troubleshooting
+
+- Reanimated modal has wrong size for the first only render:
+  https://github.com/software-mansion/react-native-reanimated/issues/6659
+
 ## Versions
 
 | library version | react-native | old arch | new arch | docs                                                                                |

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-multiple-modals",
-  "version": "3.0.2",
+  "version": "3.0.3",
   "description": "Native implementation with the ability to display multiple Modals",
   "author": "Pavel Pakseev <[email protected]> (https://github.com/paufau)",
   "license": "MIT",

src/ModalView.tsx

@@ -104,52 +104,46 @@ export const ModalView: FC<ModalViewProps> = ({
   animationType = 'none',
   statusBarTranslucent,
 }) => {
-  // RNTModalView is wrapped in a View to fix the reanimated layout entering issue
-  // https://github.com/software-mansion/react-native-reanimated/issues/6659
   return (
-    <View>
-      <RNTModalView
-        style={styles.container}
-        statusBarTranslucent={statusBar?.translucent ?? statusBarTranslucent}
-        statusBarIconsStyle={statusBar?.barStyle ?? undefined}
-        onPressBackAndroid={() =>
-          onRequestDismiss?.(DismissalSource.BackButton)
-        }
-        animationType={animationType}
-      >
-        <View collapsable={false} style={styles.flex}>
-          {isIOS && statusBar && !disableDefaultStatusBarIOS ? (
-            <StatusBar {...statusBar} />
-          ) : null}
-          <GestureHandlerRootView style={styles.flex}>
-            <View style={[styles.backdropContainer]}>
-              <BackdropPressableComponent
-                accessibilityLabel={backdropAccessibilityLabel}
-                accessibilityHint={backdropAccessibilityHint}
-                style={styles.flex}
-                onPress={() => onRequestDismiss?.(DismissalSource.Backdrop)}
-              >
-                {renderBackdrop ? (
-                  renderBackdrop()
-                ) : (
-                  <View
-                    style={[styles.flex, { backgroundColor: backdropColor }]}
-                  />
-                )}
-              </BackdropPressableComponent>
+    <RNTModalView
+      style={styles.container}
+      statusBarTranslucent={statusBar?.translucent ?? statusBarTranslucent}
+      statusBarIconsStyle={statusBar?.barStyle ?? undefined}
+      onPressBackAndroid={() => onRequestDismiss?.(DismissalSource.BackButton)}
+      animationType={animationType}
+    >
+      <View collapsable={false} style={styles.flex}>
+        {isIOS && statusBar && !disableDefaultStatusBarIOS ? (
+          <StatusBar {...statusBar} />
+        ) : null}
+        <GestureHandlerRootView style={styles.flex}>
+          <View style={[styles.backdropContainer]}>
+            <BackdropPressableComponent
+              accessibilityLabel={backdropAccessibilityLabel}
+              accessibilityHint={backdropAccessibilityHint}
+              style={styles.flex}
+              onPress={() => onRequestDismiss?.(DismissalSource.Backdrop)}
+            >
+              {renderBackdrop ? (
+                renderBackdrop()
+              ) : (
+                <View
+                  style={[styles.flex, { backgroundColor: backdropColor }]}
+                />
+              )}
+            </BackdropPressableComponent>
+          </View>
+          <ScrollContextResetter>
+            <View
+              pointerEvents='box-none'
+              style={[styles.content, contentContainerStyle]}
+            >
+              {children}
             </View>
-            <ScrollContextResetter>
-              <View
-                pointerEvents='box-none'
-                style={[styles.content, contentContainerStyle]}
-              >
-                {children}
-              </View>
-            </ScrollContextResetter>
-          </GestureHandlerRootView>
-        </View>
-      </RNTModalView>
-    </View>
+          </ScrollContextResetter>
+        </GestureHandlerRootView>
+      </View>
+    </RNTModalView>
   );
 };