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

package/README.md

@@ -9,9 +9,9 @@ Read usage guide depending on if you are [using Expo](#usage-in-expo-with-react-
 
 ## Usage with [react-navigation](https://github.com/react-navigation/react-navigation) (without Expo)
 
-Screens support is built into [stack navigator](https://reactnavigation.org/docs/en/stack-navigator.html) starting from version [2.14.0](https://github.com/react-navigation/react-navigation/releases/tag/2.14.0) of [react-navigation](https://github.com/react-navigation/react-navigation). We plan on adding it to other navigators in near future.
+Screens support is built into [react-navigation](https://github.com/react-navigation/react-navigation) starting from version [2.14.0](https://github.com/react-navigation/react-navigation/releases/tag/2.14.0) for all the different navigator types (stack, tab, drawer, etc). We plan on adding it to other navigators in near future.
 
-To enable stack navigator to use screens instead of plain RN Views for rendering stack cards follow the steps below:
+To configure react-navigation to use screens instead of plain RN Views for rendering screen views, follow the steps below:
 
 1. Add this library as a depedency to your project:
 ```
@@ -142,7 +142,7 @@ In order for your native view on iOS to be notified when its parent navigation c
 }
 ```
 
-You can check our example app for a fully functional demo see [RNSSampleLifecycleAwareView.m](https://github.com/kmagiera/react-native-screens/blob/master./Example/ios/RNSSampleLifecycleAwareView.m) for more details.
+You can check our example app for a fully functional demo see [RNSSampleLifecycleAwareView.m](https://github.com/kmagiera/react-native-screens/blob/master/Example/ios/ScreensExample/RNSSampleLifecycleAwareView.m) for more details.
 
 ### Navigation lifecycle on Android
 

package/android/build.gradle

@@ -6,7 +6,7 @@ buildscript {
     }
 
     dependencies {
-       classpath 'com.android.tools.build:gradle:3.1.4'
+       classpath 'com.android.tools.build:gradle:3.3.1'
     }
 }
 
@@ -18,8 +18,8 @@ def safeExtGet(prop, fallback) {
 }
 
 android {
-    compileSdkVersion safeExtGet('compileSdkVersion', 26)
-    buildToolsVersion safeExtGet('buildToolsVersion', '26.0.3')
+    compileSdkVersion safeExtGet('compileSdkVersion', 28)
+    buildToolsVersion safeExtGet('buildToolsVersion', '28.0.3')
 
     defaultConfig {
         minSdkVersion safeExtGet('minSdkVersion', 16)
@@ -40,11 +40,14 @@ repositories {
         url "$projectDir/../node_modules/react-native/android"
     }
     mavenCentral()
+    mavenLocal()
+    google()
+    jcenter()
+
 }
 
 dependencies {
     implementation 'com.facebook.react:react-native:+'
-    implementation  "com.android.support:appcompat-v7:${safeExtGet('supportLibVersion', '26.+')}"
 }
 
 def configureReactNativePom(def pom) {
@@ -97,8 +100,8 @@ afterEvaluate { project ->
 
     android.libraryVariants.all { variant ->
         def name = variant.name.capitalize()
-        task "jar${name}"(type: Jar, dependsOn: variant.javaCompile) {
-            from variant.javaCompile.destinationDir
+        task "jar${name}"(type: Jar, dependsOn: variant.javaCompileProvider.get()) {
+            from variant.javaCompileProvider.get().destinationDir
         }
     }
 

package/android/src/main/java/com/swmansion/rnscreens/LifecycleHelper.java

@@ -1,16 +1,12 @@
 package com.swmansion.rnscreens;
 
-import android.arch.lifecycle.Lifecycle;
-import android.arch.lifecycle.LifecycleObserver;
-import android.support.v4.app.Fragment;
-import android.util.Log;
+import androidx.lifecycle.Lifecycle;
+import androidx.lifecycle.LifecycleObserver;
+import androidx.fragment.app.Fragment;
+
 import android.view.View;
 import android.view.ViewParent;
 
-import com.facebook.react.modules.core.ChoreographerCompat;
-import com.facebook.react.modules.core.ReactChoreographer;
-
-import java.util.ArrayList;
 import java.util.HashMap;
 import java.util.Map;
 

package/android/src/main/java/com/swmansion/rnscreens/Screen.java

@@ -1,15 +1,16 @@
 package com.swmansion.rnscreens;
 
+import androidx.annotation.Nullable;
+import androidx.fragment.app.Fragment;
+
 import android.annotation.SuppressLint;
 import android.content.Context;
 import android.graphics.Paint;
 import android.os.Bundle;
-import android.support.annotation.Nullable;
-import android.support.v4.app.Fragment;
 import android.view.LayoutInflater;
-import android.view.MotionEvent;
 import android.view.View;
 import android.view.ViewGroup;
+
 import com.facebook.react.uimanager.PointerEvents;
 import com.facebook.react.uimanager.ReactPointerEventsView;
 
@@ -77,7 +78,7 @@ public class Screen extends ViewGroup implements ReactPointerEventsView {
 
   @Override
   public void setLayerType(int layerType, @Nullable Paint paint) {
-    // ignore – layer type is controlled by `transitioning` prop
+    // ignore - layer type is controlled by `transitioning` prop
   }
 
   public void setNeedsOffscreenAlphaCompositing(boolean needsOffscreenAlphaCompositing) {

package/android/src/main/java/com/swmansion/rnscreens/ScreenContainer.java

@@ -1,18 +1,16 @@
 package com.swmansion.rnscreens;
 
-import android.app.Activity;
+import androidx.annotation.Nullable;
+import androidx.fragment.app.Fragment;
+import androidx.fragment.app.FragmentActivity;
+import androidx.fragment.app.FragmentTransaction;
+
 import android.content.Context;
 import android.content.ContextWrapper;
-import android.support.annotation.Nullable;
-import android.support.v4.app.Fragment;
-import android.support.v4.app.FragmentActivity;
-import android.support.v4.app.FragmentManager;
-import android.support.v4.app.FragmentTransaction;
 import android.view.ViewGroup;
 import android.view.ViewParent;
 
 import com.facebook.react.ReactRootView;
-import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.modules.core.ChoreographerCompat;
 import com.facebook.react.modules.core.ReactChoreographer;
 

package/ios/RNScreens.xcodeproj/project.pbxproj

@@ -9,6 +9,8 @@
 /* Begin PBXBuildFile section */
 		448078F52114595900280661 /* RNSScreenContainer.m in Sources */ = {isa = PBXBuildFile; fileRef = 448078F12114595900280661 /* RNSScreenContainer.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 */
@@ -21,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,6 +40,7 @@
 		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>"; };
 		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 */
@@ -39,6 +51,13 @@
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
+		B5C32A49220C6379000FFB8D /* Frameworks */ = {
+			isa = PBXFrameworksBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+		};
 /* End PBXFrameworksBuildPhase section */
 
 /* Begin PBXGroup section */
@@ -58,6 +77,7 @@
 				448078F02114595900280661 /* RNSScreenContainer.h */,
 				448078F12114595900280661 /* RNSScreenContainer.m */,
 				134814211AA4EA7D00B7C361 /* Products */,
+				B5C32A4F220C6379000FFB8D /* libRNScreens-tvOS.a */,
 			);
 			sourceTree = "<group>";
 		};
@@ -81,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 = {
@@ -108,6 +145,7 @@
 			projectRoot = "";
 			targets = (
 				58B511DA1A9E6C8500147676 /* RNScreens */,
+				B5C32A45220C6379000FFB8D /* RNScreens-tvOS */,
 			);
 		};
 /* End PBXProject section */
@@ -122,9 +160,34 @@
 			);
 			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 = {
@@ -250,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 */
@@ -258,6 +415,7 @@
 			buildConfigurations = (
 				58B511ED1A9E6C8500147676 /* Debug */,
 				58B511EE1A9E6C8500147676 /* Release */,
+				C7F03305A3464E75B4F5A6CE /* Testflight */,
 			);
 			defaultConfigurationIsVisible = 0;
 			defaultConfigurationName = Release;
@@ -267,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.22",
+  "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",
@@ -35,7 +35,9 @@
     "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": "*",
     "react-native": "*"

package/src/screens.d.ts

@@ -3,13 +3,13 @@
 
 declare module 'react-native-screens' {
   import { ComponentClass } from 'react';
-  import { ViewProps } from 'react-native';
+  import { ViewProps, Animated } from 'react-native';
 
   export function useScreens(shouldUseScreens?: boolean): void;
   export function screensEnabled(): boolean;
 
   export interface ScreenProps extends ViewProps {
-    active?: boolean;
+    active?: 0 | 1 | Animated.AnimatedInterpolation;
     onComponentRef?: (view: any) => void;
   }
   export const Screen: ComponentClass<ScreenProps>;

package/src/screens.native.js

@@ -17,7 +17,7 @@ const getViewManagerConfigCompat = name =>
     ? UIManager.getViewManagerConfig(name)
     : UIManager[name];
 
-export function useScreens(shouldUseScreens = true) {
+function useScreens(shouldUseScreens = true) {
   USE_SCREENS = shouldUseScreens;
   if (USE_SCREENS && !getViewManagerConfigCompat('RNSScreen')) {
     console.error(
@@ -26,20 +26,32 @@ export function useScreens(shouldUseScreens = true) {
   }
 }
 
-export function screensEnabled() {
+function screensEnabled() {
   return USE_SCREENS;
 }
 
-export const NativeScreen = requireNativeComponent('RNSScreen', null);
+// 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 AnimatedNativeScreen = Animated.createAnimatedComponent(NativeScreen);
+const ScreensNativeModules = {
+  get NativeScreen() {
+    NativeScreenValue =
+      NativeScreenValue || requireNativeComponent('RNSScreen', null);
+    return NativeScreenValue;
+  },
 
-export const NativeScreenContainer = requireNativeComponent(
-  'RNSScreenContainer',
-  null
-);
+  get NativeScreenContainer() {
+    NativeScreenContainerValue =
+      NativeScreenContainerValue ||
+      requireNativeComponent('RNSScreenContainer', null);
+    return NativeScreenContainerValue;
+  },
+};
 
-export class Screen extends React.Component {
+class Screen extends React.Component {
   setNativeProps(props) {
     this._ref.setNativeProps(props);
   }
@@ -57,32 +69,52 @@ export class Screen extends React.Component {
       const { active, onComponentRef, ...props } = this.props;
 
       return <Animated.View {...props} ref={this.setRef} />;
-    } else if (version.minor >= 57) {
-      return <AnimatedNativeScreen {...this.props} />;
     } 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>
-      );
+      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>
+        );
+      }
     }
   }
 }
 
-export class ScreenContainer extends React.Component {
+class ScreenContainer extends React.Component {
   render() {
     if (!USE_SCREENS) {
       return <View {...this.props} />;
     } else {
-      return <NativeScreenContainer {...this.props} />;
+      return <ScreensNativeModules.NativeScreenContainer {...this.props} />;
     }
   }
 }
+
+module.exports = {
+  ScreenContainer,
+  Screen,
+  get NativeScreen() {
+    return ScreensNativeModules.NativeScreen;
+  },
+
+  get NativeScreenContainer() {
+    return ScreensNativeModules.NativeScreenContainer;
+  },
+  useScreens,
+  screensEnabled,
+};

package/src/screens.web.js

@@ -1,16 +1,110 @@
+import debounce from 'debounce';
+import React from 'react';
 import { Animated, View } from 'react-native';
 
+let _shouldUseScreens = true;
+
 export function useScreens(shouldUseScreens = true) {
   if (shouldUseScreens) {
-    console.warn('react-native-screens is not support on this platform.');
+    console.warn(
+      'react-native-screens is not fully supported on this platform yet.'
+    );
   }
+  _shouldUseScreens = shouldUseScreens;
 }
 
 export function screensEnabled() {
-  return false;
+  return _shouldUseScreens;
+}
+
+function isAnimatedValue(value) {
+  return value && value.__getValue && value.addListener;
+}
+
+function isPropTruthy(prop) {
+  let activeValue = prop;
+  if (isAnimatedValue(prop)) {
+    activeValue = prop.__getValue();
+  }
+
+  return !!activeValue;
 }
 
-export const Screen = Animated.View;
+export class Screen extends React.Component {
+  static defaultProps = {
+    active: true,
+  };
+
+  listenerId = null;
+
+  constructor(props) {
+    super(props);
+
+    this._onAnimatedValueUpdated = debounce(this._onAnimatedValueUpdated, 10);
+    this._addListener(props.active);
+  }
+
+  componentWillUnmount() {
+    this._removeListener(this.props.active);
+  }
+
+  _addListener = possibleListener => {
+    if (this.listenerId)
+      throw new Error(
+        'Screen: Attempting to observe an animated value while another value is already observed.'
+      );
+    if (isAnimatedValue(possibleListener)) {
+      this.listenerId = possibleListener.addListener(
+        this._onAnimatedValueUpdated
+      );
+    }
+  };
+
+  _removeListener = possibleListener => {
+    if (isAnimatedValue(possibleListener)) {
+      possibleListener.removeListener(this.listenerId);
+      this.listenerId = null;
+    }
+  };
+
+  shouldComponentUpdate({ active: nextActive }) {
+    const { active } = this.props;
+    if (nextActive !== active) {
+      this._removeListener(active);
+      this._addListener(nextActive);
+      this._updateDisplay(isPropTruthy(nextActive));
+      return false;
+    }
+    return true;
+  }
+
+  _onAnimatedValueUpdated = ({ value }) => {
+    this._updateDisplay(!!value);
+  };
+
+  _updateDisplay = isActive => {
+    if (isActive === undefined) {
+      isActive = isPropTruthy(this.props.active);
+    }
+    const display = isActive ? 'flex' : 'none';
+    this.setNativeProps({ style: { display } });
+  };
+
+  setNativeProps = nativeProps => {
+    if (this._view) {
+      this._view.setNativeProps(nativeProps);
+    }
+  };
+
+  _setRef = view => {
+    this._view = view;
+    this._updateDisplay();
+  };
+
+  render() {
+    return <Animated.View {...this.props} ref={this._setRef} />;
+  }
+}
 
 export const ScreenContainer = View;
 

package/ios/RNScreens.xcodeproj/project.xcworkspace/contents.xcworkspacedata

@@ -1,7 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<Workspace
-   version = "1.0">
-   <FileRef
-      location = "self:">
-   </FileRef>
-</Workspace>

package/ios/RNScreens.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
-<plist version="1.0">
-<dict>
-	<key>IDEDidComputeMac32BitWarning</key>
-	<true/>
-</dict>
-</plist>

package/ios/RNScreens.xcodeproj/xcuserdata/mdk.xcuserdatad/xcschemes/xcschememanagement.plist

@@ -1,29 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
-<plist version="1.0">
-<dict>
-	<key>SchemeUserState</key>
-	<dict>
-		<key>RNReanimated.xcscheme</key>
-		<dict>
-			<key>orderHint</key>
-			<integer>0</integer>
-		</dict>
-		<key>RNSScreen.xcscheme</key>
-		<dict>
-			<key>orderHint</key>
-			<integer>0</integer>
-		</dict>
-		<key>RNScreens.xcscheme</key>
-		<dict>
-			<key>orderHint</key>
-			<integer>37</integer>
-		</dict>
-		<key>RNScreens.xcscheme_^#shared#^_</key>
-		<dict>
-			<key>orderHint</key>
-			<integer>37</integer>
-		</dict>
-	</dict>
-</dict>
-</plist>