react-native-screens 1.0.0-alpha.2 → 1.0.0-alpha.23

package/ios/RNSScreenContainer.m

@@ -1,25 +1,39 @@
 #import "RNSScreenContainer.h"
 #import "RNSScreen.h"
 
+#import <React/RCTUIManager.h>
+#import <React/RCTUIManagerObserverCoordinator.h>
+#import <React/RCTUIManagerUtils.h>
+
+@interface RNSScreenContainerManager : RCTViewManager
+
+- (void)markUpdated:(RNSScreenContainerView *)screen;
+
+@end
+
 @interface RNSScreenContainerView ()
 
 @property (nonatomic, retain) UIViewController *controller;
 @property (nonatomic, retain) NSMutableSet<RNSScreenView *> *activeScreens;
 @property (nonatomic, retain) NSMutableArray<RNSScreenView *> *reactSubviews;
 
+- (void)updateContainer;
+
 @end
 
 @implementation RNSScreenContainerView {
   BOOL _needUpdate;
+  __weak RNSScreenContainerManager *_manager;
 }
 
-- (instancetype)init
+- (instancetype)initWithManager:(RNSScreenContainerManager *)manager
 {
   if (self = [super init]) {
     _activeScreens = [NSMutableSet new];
     _reactSubviews = [NSMutableArray new];
     _controller = [[UIViewController alloc] init];
     _needUpdate = NO;
+    _manager = manager;
     [self addSubview:_controller.view];
   }
   return self;
@@ -27,24 +41,23 @@
 
 - (void)markChildUpdated
 {
-  _needUpdate = YES;
-}
-
-- (void)didUpdateChildren
-{
-  [self updateContainerIfNeeded];
+  // We want 'updateContainer' to be executed on main thread after all enqueued operations in
+  // uimanager are complete. For that we collect all marked containers in manager class and enqueue
+  // operation on ui thread that should run once all the updates are completed.
+  if (!_needUpdate) {
+    _needUpdate = YES;
+    [_manager markUpdated:self];
+  }
 }
 
 - (void)insertReactSubview:(RNSScreenView *)subview atIndex:(NSInteger)atIndex
 {
-  _needUpdate = YES;
   subview.reactSuperview = self;
   [_reactSubviews insertObject:subview atIndex:atIndex];
 }
 
 - (void)removeReactSubview:(RNSScreenView *)subview
 {
-  _needUpdate = YES;
   subview.reactSuperview = nil;
   [_reactSubviews removeObject:subview];
 }
@@ -64,46 +77,81 @@
 
 - (void)attachScreen:(RNSScreenView *)screen
 {
-  [screen.controller willMoveToParentViewController:_controller];
+  [_controller addChildViewController:screen.controller];
   [_controller.view addSubview:screen.controller.view];
   [screen.controller didMoveToParentViewController:_controller];
   [_activeScreens addObject:screen];
 }
 
-- (void)updateContainerIfNeeded
+- (void)updateContainer
 {
-  if (!_needUpdate) {
-    return;
-  }
   _needUpdate = NO;
-
+  BOOL activeScreenRemoved = NO;
   // remove screens that are no longer active
   NSMutableSet *orphaned = [NSMutableSet setWithSet:_activeScreens];
   for (RNSScreenView *screen in _reactSubviews) {
     if (!screen.active && [_activeScreens containsObject:screen]) {
+      activeScreenRemoved = YES;
       [self detachScreen:screen];
     }
     [orphaned removeObject:screen];
   }
   for (RNSScreenView *screen in orphaned) {
+    activeScreenRemoved = YES;
     [self detachScreen:screen];
   }
 
-  // add new screens in order they are placed in subviews array
+  // detect if new screen is going to be activated
+  BOOL activeScreenAdded = NO;
   for (RNSScreenView *screen in _reactSubviews) {
     if (screen.active && ![_activeScreens containsObject:screen]) {
-      [self attachScreen:screen];
-    } else if (screen.active) {
-      // if the view was already there we move it to "front" so that it is in the right
-      // order accoring to the subviews array
-      [_controller.view bringSubviewToFront:screen.controller.view];
+      activeScreenAdded = YES;
     }
   }
+
+  // if we are adding new active screen, we perform remounting of all already marked as active
+  // this is done to mimick the effect UINavigationController has when willMoveToWindow:nil is
+  // triggered before the animation starts
+  if (activeScreenAdded) {
+    for (RNSScreenView *screen in _reactSubviews) {
+      if (screen.active && [_activeScreens containsObject:screen]) {
+        [self detachScreen:screen];
+        // disable interactions for the duration of transition
+        screen.userInteractionEnabled = NO;
+      }
+    }
+
+    // add new screens in order they are placed in subviews array
+    for (RNSScreenView *screen in _reactSubviews) {
+      if (screen.active) {
+        [self attachScreen:screen];
+      }
+    }
+  }
+
+  // if we are down to one active screen it means the transitioning is over and we want to notify
+  // the transition has finished
+  if ((activeScreenRemoved || activeScreenAdded) && _activeScreens.count == 1) {
+    RNSScreenView *singleActiveScreen = [_activeScreens anyObject];
+    // restore interactions
+    singleActiveScreen.userInteractionEnabled = YES;
+    [singleActiveScreen notifyFinishTransitioning];
+  }
+
+  if ((activeScreenRemoved || activeScreenAdded) && _controller.presentedViewController == nil) {
+    // if user has reachability enabled (one hand use) and the window is slided down the below
+    // method will force it to slide back up as it is expected to happen with UINavController when
+    // we push or pop views.
+    // We only do that if `presentedViewController` is nil, as otherwise it'd mean that modal has
+    // been presented on top of recently changed controller in which case the below method would
+    // dismiss such a modal (e.g., permission modal or alert)
+    [_controller dismissViewControllerAnimated:NO completion:nil];
+  }
 }
 
 - (void)didUpdateReactSubviews
 {
-  [self updateContainerIfNeeded];
+  [self markChildUpdated];
 }
 
 - (void)layoutSubviews
@@ -116,13 +164,34 @@
 @end
 
 
-@implementation RNSScreenContainerManager
+@implementation RNSScreenContainerManager {
+  NSMutableArray<RNSScreenContainerView *> *_markedContainers;
+}
 
 RCT_EXPORT_MODULE()
 
 - (UIView *)view
 {
-  return [[RNSScreenContainerView alloc] init];
+  if (!_markedContainers) {
+    _markedContainers = [NSMutableArray new];
+  }
+  return [[RNSScreenContainerView alloc] initWithManager:self];
+}
+
+- (void)markUpdated:(RNSScreenContainerView *)screen
+{
+  RCTAssertMainQueue();
+  [_markedContainers addObject:screen];
+  if ([_markedContainers count] == 1) {
+    // we enqueue updates to be run on the main queue in order to make sure that
+    // all this updates (new screens attached etc) are executed in one batch
+    RCTExecuteOnMainQueue(^{
+      for (RNSScreenContainerView *container in _markedContainers) {
+        [container updateContainer];
+      }
+      [_markedContainers removeAllObjects];
+    });
+  }
 }
 
 @end

package/ios/RNScreens.xcodeproj/project.pbxproj

@@ -8,8 +8,9 @@
 
 /* Begin PBXBuildFile section */
 		448078F52114595900280661 /* RNSScreenContainer.m in Sources */ = {isa = PBXBuildFile; fileRef = 448078F12114595900280661 /* RNSScreenContainer.m */; };
-		448078F62114595900280661 /* RNSScreenStack.m in Sources */ = {isa = PBXBuildFile; fileRef = 448078F32114595900280661 /* RNSScreenStack.m */; };
 		448078F72114595900280661 /* RNSScreen.m in Sources */ = {isa = PBXBuildFile; fileRef = 448078F42114595900280661 /* RNSScreen.m */; };
+		B5C32A47220C6379000FFB8D /* RNSScreen.m in Sources */ = {isa = PBXBuildFile; fileRef = 448078F42114595900280661 /* RNSScreen.m */; };
+		B5C32A48220C6379000FFB8D /* RNSScreenContainer.m in Sources */ = {isa = PBXBuildFile; fileRef = 448078F12114595900280661 /* RNSScreenContainer.m */; };
 /* End PBXBuildFile section */
 
 /* Begin PBXCopyFilesBuildPhase section */
@@ -22,6 +23,15 @@
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
+		B5C32A4A220C6379000FFB8D /* CopyFiles */ = {
+			isa = PBXCopyFilesBuildPhase;
+			buildActionMask = 2147483647;
+			dstPath = "include/$(PRODUCT_NAME)";
+			dstSubfolderSpec = 16;
+			files = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
 /* End PBXCopyFilesBuildPhase section */
 
 /* Begin PBXFileReference section */
@@ -29,9 +39,8 @@
 		448078EF2114595900280661 /* RNSScreen.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RNSScreen.h; sourceTree = "<group>"; };
 		448078F02114595900280661 /* RNSScreenContainer.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RNSScreenContainer.h; sourceTree = "<group>"; };
 		448078F12114595900280661 /* RNSScreenContainer.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RNSScreenContainer.m; sourceTree = "<group>"; };
-		448078F22114595900280661 /* RNSScreenStack.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = RNSScreenStack.h; sourceTree = "<group>"; };
-		448078F32114595900280661 /* RNSScreenStack.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RNSScreenStack.m; sourceTree = "<group>"; };
 		448078F42114595900280661 /* RNSScreen.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RNSScreen.m; sourceTree = "<group>"; };
+		B5C32A4F220C6379000FFB8D /* libRNScreens-tvOS.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libRNScreens-tvOS.a"; sourceTree = BUILT_PRODUCTS_DIR; };
 /* End PBXFileReference section */
 
 /* Begin PBXFrameworksBuildPhase section */
@@ -42,6 +51,13 @@
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
+		B5C32A49220C6379000FFB8D /* Frameworks */ = {
+			isa = PBXFrameworksBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
 /* End PBXFrameworksBuildPhase section */
 
 /* Begin PBXGroup section */
@@ -60,9 +76,8 @@
 				448078F42114595900280661 /* RNSScreen.m */,
 				448078F02114595900280661 /* RNSScreenContainer.h */,
 				448078F12114595900280661 /* RNSScreenContainer.m */,
-				448078F22114595900280661 /* RNSScreenStack.h */,
-				448078F32114595900280661 /* RNSScreenStack.m */,
 				134814211AA4EA7D00B7C361 /* Products */,
+				B5C32A4F220C6379000FFB8D /* libRNScreens-tvOS.a */,
 			);
 			sourceTree = "<group>";
 		};
@@ -86,13 +101,30 @@
 			productReference = 134814201AA4EA6300B7C361 /* libRNScreens.a */;
 			productType = "com.apple.product-type.library.static";
 		};
+		B5C32A45220C6379000FFB8D /* RNScreens-tvOS */ = {
+			isa = PBXNativeTarget;
+			buildConfigurationList = B5C32A4B220C6379000FFB8D /* Build configuration list for PBXNativeTarget "RNScreens-tvOS" */;
+			buildPhases = (
+				B5C32A46220C6379000FFB8D /* Sources */,
+				B5C32A49220C6379000FFB8D /* Frameworks */,
+				B5C32A4A220C6379000FFB8D /* CopyFiles */,
+			);
+			buildRules = (
+			);
+			dependencies = (
+			);
+			name = "RNScreens-tvOS";
+			productName = RCTDataManager;
+			productReference = B5C32A4F220C6379000FFB8D /* libRNScreens-tvOS.a */;
+			productType = "com.apple.product-type.library.static";
+		};
 /* End PBXNativeTarget section */
 
 /* Begin PBXProject section */
 		58B511D31A9E6C8500147676 /* Project object */ = {
 			isa = PBXProject;
 			attributes = {
-				LastUpgradeCheck = 0920;
+				LastUpgradeCheck = 920;
 				ORGANIZATIONNAME = Facebook;
 				TargetAttributes = {
 					58B511DA1A9E6C8500147676 = {
@@ -113,6 +145,7 @@
 			projectRoot = "";
 			targets = (
 				58B511DA1A9E6C8500147676 /* RNScreens */,
+				B5C32A45220C6379000FFB8D /* RNScreens-tvOS */,
 			);
 		};
 /* End PBXProject section */
@@ -123,14 +156,38 @@
 			buildActionMask = 2147483647;
 			files = (
 				448078F72114595900280661 /* RNSScreen.m in Sources */,
-				448078F62114595900280661 /* RNSScreenStack.m in Sources */,
 				448078F52114595900280661 /* RNSScreenContainer.m in Sources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
+		B5C32A46220C6379000FFB8D /* Sources */ = {
+			isa = PBXSourcesBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+				B5C32A47220C6379000FFB8D /* RNSScreen.m in Sources */,
+				B5C32A48220C6379000FFB8D /* RNSScreenContainer.m in Sources */,
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
 /* End PBXSourcesBuildPhase section */
 
 /* Begin XCBuildConfiguration section */
+		0CE596A6BAEE45CA860361AD /* Testflight */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				HEADER_SEARCH_PATHS = (
+					"$(inherited)",
+					/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include,
+					"$(SRCROOT)/../../../React/**",
+					"$(SRCROOT)/../../react-native/React/**",
+				);
+				LIBRARY_SEARCH_PATHS = "$(inherited)";
+				OTHER_LDFLAGS = "-ObjC";
+				PRODUCT_NAME = RNScreens;
+				SKIP_INSTALL = YES;
+			};
+			name = Testflight;
+		};
 		58B511ED1A9E6C8500147676 /* Debug */ = {
 			isa = XCBuildConfiguration;
 			buildSettings = {
@@ -256,6 +313,100 @@
 			};
 			name = Release;
 		};
+		B5C32A4C220C6379000FFB8D /* Debug */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				HEADER_SEARCH_PATHS = (
+					"$(inherited)",
+					/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include,
+					"$(SRCROOT)/../../../React/**",
+					"$(SRCROOT)/../../react-native/React/**",
+				);
+				LIBRARY_SEARCH_PATHS = "$(inherited)";
+				OTHER_LDFLAGS = "-ObjC";
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				SDKROOT = appletvos;
+				SKIP_INSTALL = YES;
+			};
+			name = Debug;
+		};
+		B5C32A4D220C6379000FFB8D /* Release */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				HEADER_SEARCH_PATHS = (
+					"$(inherited)",
+					/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include,
+					"$(SRCROOT)/../../../React/**",
+					"$(SRCROOT)/../../react-native/React/**",
+				);
+				LIBRARY_SEARCH_PATHS = "$(inherited)";
+				OTHER_LDFLAGS = "-ObjC";
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				SDKROOT = appletvos;
+				SKIP_INSTALL = YES;
+			};
+			name = Release;
+		};
+		B5C32A4E220C6379000FFB8D /* Testflight */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				HEADER_SEARCH_PATHS = (
+					"$(inherited)",
+					/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include,
+					"$(SRCROOT)/../../../React/**",
+					"$(SRCROOT)/../../react-native/React/**",
+				);
+				LIBRARY_SEARCH_PATHS = "$(inherited)";
+				OTHER_LDFLAGS = "-ObjC";
+				PRODUCT_NAME = "$(TARGET_NAME)";
+				SDKROOT = appletvos;
+				SKIP_INSTALL = YES;
+			};
+			name = Testflight;
+		};
+		C7F03305A3464E75B4F5A6CE /* Testflight */ = {
+			isa = XCBuildConfiguration;
+			buildSettings = {
+				ALWAYS_SEARCH_USER_PATHS = NO;
+				CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x";
+				CLANG_CXX_LIBRARY = "libc++";
+				CLANG_ENABLE_MODULES = YES;
+				CLANG_ENABLE_OBJC_ARC = YES;
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
+				CLANG_WARN_BOOL_CONVERSION = YES;
+				CLANG_WARN_COMMA = YES;
+				CLANG_WARN_CONSTANT_CONVERSION = YES;
+				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
+				CLANG_WARN_EMPTY_BODY = YES;
+				CLANG_WARN_ENUM_CONVERSION = YES;
+				CLANG_WARN_INFINITE_RECURSION = YES;
+				CLANG_WARN_INT_CONVERSION = YES;
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
+				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
+				CLANG_WARN_UNREACHABLE_CODE = YES;
+				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
+				COPY_PHASE_STRIP = YES;
+				ENABLE_NS_ASSERTIONS = NO;
+				ENABLE_STRICT_OBJC_MSGSEND = YES;
+				GCC_C_LANGUAGE_STANDARD = gnu99;
+				GCC_NO_COMMON_BLOCKS = YES;
+				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
+				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
+				GCC_WARN_UNDECLARED_SELECTOR = YES;
+				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
+				GCC_WARN_UNUSED_FUNCTION = YES;
+				GCC_WARN_UNUSED_VARIABLE = YES;
+				IPHONEOS_DEPLOYMENT_TARGET = 8.0;
+				MTL_ENABLE_DEBUG_INFO = NO;
+				SDKROOT = iphoneos;
+				VALIDATE_PRODUCT = YES;
+			};
+			name = Testflight;
+		};
 /* End XCBuildConfiguration section */
 
 /* Begin XCConfigurationList section */
@@ -264,6 +415,7 @@
 			buildConfigurations = (
 				58B511ED1A9E6C8500147676 /* Debug */,
 				58B511EE1A9E6C8500147676 /* Release */,
+				C7F03305A3464E75B4F5A6CE /* Testflight */,
 			);
 			defaultConfigurationIsVisible = 0;
 			defaultConfigurationName = Release;
@@ -273,6 +425,17 @@
 			buildConfigurations = (
 				58B511F01A9E6C8500147676 /* Debug */,
 				58B511F11A9E6C8500147676 /* Release */,
+				0CE596A6BAEE45CA860361AD /* Testflight */,
+			);
+			defaultConfigurationIsVisible = 0;
+			defaultConfigurationName = Release;
+		};
+		B5C32A4B220C6379000FFB8D /* Build configuration list for PBXNativeTarget "RNScreens-tvOS" */ = {
+			isa = XCConfigurationList;
+			buildConfigurations = (
+				B5C32A4C220C6379000FFB8D /* Debug */,
+				B5C32A4D220C6379000FFB8D /* Release */,
+				B5C32A4E220C6379000FFB8D /* Testflight */,
 			);
 			defaultConfigurationIsVisible = 0;
 			defaultConfigurationName = Release;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-screens",
-  "version": "1.0.0-alpha.2",
+  "version": "1.0.0-alpha.23",
   "description": "First incomplete navigation solution for your react-native app.",
   "scripts": {
     "start": "node node_modules/react-native/local-cli/cli.js start",
@@ -10,13 +10,15 @@
     "lint": "eslint --fix './src/**/*.js'",
     "precommit": "lint-staged"
   },
-  "main": "src/screens.js",
+  "main": "src/screens",
+  "types": "src/screens.d.ts",
   "files": [
     "src/",
     "android/src/main/AndroidManifest.xml",
     "android/src/main/java/",
     "android/build.gradle",
     "ios/",
+    "RNScreens.podspec",
     "README.md"
   ],
   "repository": {
@@ -33,10 +35,12 @@
     "url": "https://github.com/kmagiera/react-native-screens/issues"
   },
   "homepage": "https://github.com/kmagiera/react-native-screens#readme",
-  "dependencies": {},
+  "dependencies": {
+    "debounce": "^1.2.0"
+  },
   "peerDependencies": {
-    "react": "16.0.0-alpha.6",
-    "react-native": "^0.44.1"
+    "react": "*",
+    "react-native": "*"
   },
   "devDependencies": {
     "babel-eslint": "^8.2.3",
@@ -45,8 +49,9 @@
     "eslint": "^4.19.1",
     "eslint-config-prettier": "^2.9.0",
     "eslint-config-standard": "^11.0.0",
+    "eslint-plugin-flowtype": "^2.50.0",
     "eslint-plugin-import": "^2.12.0",
-    "eslint-plugin-jest": "^21.17.0",
+    "eslint-plugin-jest": "^21.22.0",
     "eslint-plugin-node": "^6.0.1",
     "eslint-plugin-promise": "^3.8.0",
     "eslint-plugin-react": "^7.9.1",

package/src/screens.d.ts

@@ -0,0 +1,22 @@
+// Project: https://github.com/kmagiera/react-native-screens
+// TypeScript Version: 2.8
+
+declare module 'react-native-screens' {
+  import { ComponentClass } from 'react';
+  import { ViewProps, Animated } from 'react-native';
+
+  export function useScreens(shouldUseScreens?: boolean): void;
+  export function screensEnabled(): boolean;
+
+  export interface ScreenProps extends ViewProps {
+    active?: 0 | 1 | Animated.AnimatedInterpolation;
+    onComponentRef?: (view: any) => void;
+  }
+  export const Screen: ComponentClass<ScreenProps>;
+
+  export type ScreenContainerProps = ViewProps;
+  export const ScreenContainer: ComponentClass<ScreenContainerProps>;
+
+  export const NativeScreen: ComponentClass<ScreenProps>;
+  export const NativeScreenContainer: ComponentClass<ScreenContainerProps>;
+}

package/src/screens.native.js

@@ -0,0 +1,120 @@
+import React from 'react';
+import {
+  Animated,
+  requireNativeComponent,
+  View,
+  UIManager,
+  StyleSheet,
+} from 'react-native';
+import { version } from 'react-native/Libraries/Core/ReactNativeVersion';
+
+let USE_SCREENS = false;
+
+// UIManager[`${moduleName}`] is deprecated in RN 0.58 and `getViewManagerConfig` is added.
+// We can remove this when we drop support for RN < 0.58.
+const getViewManagerConfigCompat = name =>
+  typeof UIManager.getViewManagerConfig !== 'undefined'
+    ? UIManager.getViewManagerConfig(name)
+    : UIManager[name];
+
+function useScreens(shouldUseScreens = true) {
+  USE_SCREENS = shouldUseScreens;
+  if (USE_SCREENS && !getViewManagerConfigCompat('RNSScreen')) {
+    console.error(
+      `Screen native module hasn't been linked. Please check the react-native-screens README for more details`
+    );
+  }
+}
+
+function screensEnabled() {
+  return USE_SCREENS;
+}
+
+// We initialize these lazily so that importing the module doesn't throw error when not linked
+// This is necessary coz libraries such as React Navigation import the library where it may not be enabled
+let NativeScreenValue;
+let NativeScreenContainerValue;
+let AnimatedNativeScreen;
+
+const ScreensNativeModules = {
+  get NativeScreen() {
+    NativeScreenValue =
+      NativeScreenValue || requireNativeComponent('RNSScreen', null);
+    return NativeScreenValue;
+  },
+
+  get NativeScreenContainer() {
+    NativeScreenContainerValue =
+      NativeScreenContainerValue ||
+      requireNativeComponent('RNSScreenContainer', null);
+    return NativeScreenContainerValue;
+  },
+};
+
+class Screen extends React.Component {
+  setNativeProps(props) {
+    this._ref.setNativeProps(props);
+  }
+  setRef = ref => {
+    this._ref = ref;
+    this.props.onComponentRef && this.props.onComponentRef(ref);
+  };
+  render() {
+    if (!USE_SCREENS) {
+      // Filter out active prop in this case because it is unused and
+      // can cause problems depending on react-native version:
+      // https://github.com/react-navigation/react-navigation/issues/4886
+
+      /* eslint-disable no-unused-vars */
+      const { active, onComponentRef, ...props } = this.props;
+
+      return <Animated.View {...props} ref={this.setRef} />;
+    } else {
+      AnimatedNativeScreen =
+        AnimatedNativeScreen ||
+        Animated.createAnimatedComponent(ScreensNativeModules.NativeScreen);
+
+      if (version.minor >= 57) {
+        return <AnimatedNativeScreen {...this.props} ref={this.setRef} />;
+      } else {
+        // On RN version below 0.57 we need to wrap screen's children with an
+        // additional View because of a bug fixed in react-native/pull/20658 which
+        // was preventing a view from having both styles and some other props being
+        // "animated" (using Animated native driver)
+        const { style, children, ...rest } = this.props;
+        return (
+          <AnimatedNativeScreen
+            {...rest}
+            ref={this.setRef}
+            style={StyleSheet.absoluteFill}>
+            <Animated.View style={style}>{children}</Animated.View>
+          </AnimatedNativeScreen>
+        );
+      }
+    }
+  }
+}
+
+class ScreenContainer extends React.Component {
+  render() {
+    if (!USE_SCREENS) {
+      return <View {...this.props} />;
+    } else {
+      return <ScreensNativeModules.NativeScreenContainer {...this.props} />;
+    }
+  }
+}
+
+module.exports = {
+  ScreenContainer,
+  Screen,
+  get NativeScreen() {
+    return ScreensNativeModules.NativeScreen;
+  },
+
+  get NativeScreenContainer() {
+    return ScreensNativeModules.NativeScreenContainer;
+  },
+  useScreens,
+  screensEnabled,
+};