react-native-screens 3.7.0 → 3.9.0

package/src/index.native.tsx

@@ -10,6 +10,7 @@ import {
   View,
   ViewProps,
 } from 'react-native';
+import { Freeze } from 'react-freeze';
 // @ts-ignore Getting private component
 // eslint-disable-next-line import/default
 import processColor from 'react-native/Libraries/StyleSheet/processColor';
@@ -47,6 +48,12 @@ function enableScreens(shouldEnableScreens = true): void {
   }
 }
 
+let ENABLE_FREEZE = false;
+
+function enableFreeze(shouldEnableReactFreeze = true): void {
+  ENABLE_FREEZE = shouldEnableReactFreeze;
+}
+
 // const that tells if the library should use new implementation, will be undefined for older versions
 const shouldUseActivityState = true;
 
@@ -85,7 +92,9 @@ const ScreensNativeModules = {
   get NativeScreenNavigationContainer() {
     NativeScreenNavigationContainerValue =
       NativeScreenNavigationContainerValue ||
-      requireNativeComponent('RNSScreenNavigationContainer');
+      (Platform.OS === 'ios'
+        ? requireNativeComponent('RNSScreenNavigationContainer')
+        : this.NativeScreenContainer);
     return NativeScreenNavigationContainerValue;
   },
 
@@ -121,6 +130,36 @@ const ScreensNativeModules = {
   },
 };
 
+function MaybeFreeze({
+  freeze,
+  children,
+}: {
+  freeze: boolean;
+  children: React.ReactNode;
+}) {
+  if (ENABLE_FREEZE) {
+    return <Freeze freeze={freeze}>{children}</Freeze>;
+  } else {
+    return <>{children}</>;
+  }
+}
+
+function ScreenStack(props: ScreenStackProps) {
+  if (ENABLE_FREEZE) {
+    const { children, ...rest } = props;
+    const count = React.Children.count(children);
+    const childrenWithProps = React.Children.map(children, (child, index) => {
+      return <Freeze freeze={count - index > 2}>{child}</Freeze>;
+    });
+    return (
+      <ScreensNativeModules.NativeScreenStack {...rest}>
+        {childrenWithProps}
+      </ScreensNativeModules.NativeScreenStack>
+    );
+  }
+  return <ScreensNativeModules.NativeScreenStack {...props} />;
+}
+
 class Screen extends React.Component<ScreenProps> {
   private ref: React.ElementRef<typeof View> | null = null;
   private closing = new Animated.Value(0);
@@ -187,18 +226,20 @@ class Screen extends React.Component<ScreenProps> {
                   { useNativeDriver: true }
                 )
           }>
-          {!isNativeStack ? ( // see comment of this prop in types.tsx for information why it is needed
-            children
-          ) : (
-            <TransitionProgressContext.Provider
-              value={{
-                progress: this.progress,
-                closing: this.closing,
-                goingForward: this.goingForward,
-              }}>
-              {children}
-            </TransitionProgressContext.Provider>
-          )}
+          <MaybeFreeze freeze={activityState === 0}>
+            {!isNativeStack ? ( // see comment of this prop in types.tsx for information why it is needed
+              children
+            ) : (
+              <TransitionProgressContext.Provider
+                value={{
+                  progress: this.progress,
+                  closing: this.closing,
+                  goingForward: this.goingForward,
+                }}>
+                {children}
+              </TransitionProgressContext.Provider>
+            )}
+          </MaybeFreeze>
         </AnimatedNativeScreen>
       );
     } else {
@@ -321,6 +362,7 @@ module.exports = {
   Screen,
   ScreenContainer,
   ScreenContext,
+  ScreenStack,
 
   get NativeScreen() {
     return ScreensNativeModules.NativeScreen;
@@ -331,15 +373,9 @@ module.exports = {
   },
 
   get NativeScreenNavigationContainer() {
-    if (Platform.OS === 'ios') {
-      return ScreensNativeModules.NativeScreenNavigationContainer;
-    }
-    return ScreensNativeModules.NativeScreenContainer;
+    return ScreensNativeModules.NativeScreenNavigationContainer;
   },
 
-  get ScreenStack() {
-    return ScreensNativeModules.NativeScreenStack;
-  },
   get ScreenStackHeaderConfig() {
     return ScreensNativeModules.NativeScreenStackHeaderConfig;
   },
@@ -371,6 +407,7 @@ module.exports = {
   ScreenStackHeaderSearchBarView,
 
   enableScreens,
+  enableFreeze,
   screensEnabled,
   shouldUseActivityState,
   useTransitionProgress,

package/src/index.tsx

@@ -22,6 +22,12 @@ export function screensEnabled(): boolean {
   return ENABLE_SCREENS;
 }
 
+// @ts-ignore function stub, freezing logic is located in index.native.tsx
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+export function enableFreeze(shouldEnableReactFreeze = true): void {
+  // noop
+}
+
 export class NativeScreen extends React.Component<ScreenProps> {
   render(): JSX.Element {
     let {