react-native-screens 3.13.0 → 3.13.1

package/lib/commonjs/fabric/Screen.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = Screen;
+exports.default = void 0;
 
-var React = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
 var _ScreenNativeComponent = _interopRequireDefault(require("./ScreenNativeComponent"));
 
@@ -13,15 +13,17 @@ var _reactNative = require("react-native");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function Screen(props) {
-  return /*#__PURE__*/React.createElement(_ScreenNativeComponent.default, _extends({}, props, {
+function Screen(props, ref) {
+  return /*#__PURE__*/_react.default.createElement(_ScreenNativeComponent.default, _extends({
+    ref: ref
+  }, props, {
     style: [props.style, _reactNative.StyleSheet.absoluteFill]
   }));
 }
+
+var _default = /*#__PURE__*/_react.default.forwardRef(Screen);
+
+exports.default = _default;
 //# sourceMappingURL=Screen.js.map

package/lib/commonjs/fabric/Screen.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Screen.js"],"names":["Screen","props","style","StyleSheet","absoluteFill"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;AAEe,SAASA,MAAT,CAAgBC,KAAhB,EAAuB;AACpC,sBACE,oBAAC,8BAAD,eACMA,KADN;AAEE,IAAA,KAAK,EAAE,CAACA,KAAK,CAACC,KAAP,EAAcC,wBAAWC,YAAzB;AAFT,KADF;AAMD","sourcesContent":["import * as React from 'react';\nimport ScreenNativeComponent from './ScreenNativeComponent';\nimport { StyleSheet } from 'react-native';\n\nexport default function Screen(props) {\n  return (\n    <ScreenNativeComponent\n      {...props}\n      style={[props.style, StyleSheet.absoluteFill]}\n    />\n  );\n}\n"]}
+{"version":3,"sources":["Screen.js"],"names":["Screen","props","ref","style","StyleSheet","absoluteFill","React","forwardRef"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAEA,SAASA,MAAT,CAAgBC,KAAhB,EAAuBC,GAAvB,EAA4B;AAC1B,sBACE,6BAAC,8BAAD;AACE,IAAA,GAAG,EAAEA;AADP,KAEMD,KAFN;AAGE,IAAA,KAAK,EAAE,CAACA,KAAK,CAACE,KAAP,EAAcC,wBAAWC,YAAzB;AAHT,KADF;AAOD;;4BAEcC,eAAMC,UAAN,CAAiBP,MAAjB,C","sourcesContent":["import React from 'react';\nimport ScreenNativeComponent from './ScreenNativeComponent';\nimport { StyleSheet } from 'react-native';\n\nfunction Screen(props, ref) {\n  return (\n    <ScreenNativeComponent\n      ref={ref}\n      {...props}\n      style={[props.style, StyleSheet.absoluteFill]}\n    />\n  );\n}\n\nexport default React.forwardRef(Screen);\n"]}

package/lib/commonjs/fabric/ScreenStack.js

@@ -3,25 +3,24 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = ScreenStack;
+exports.default = void 0;
 
-var React = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
 var _ScreenStackNativeComponent = _interopRequireDefault(require("./ScreenStackNativeComponent"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function ScreenStack(props) {
-  return /*#__PURE__*/React.createElement(_ScreenStackNativeComponent.default, _extends({}, props, {
+  return /*#__PURE__*/_react.default.createElement(_ScreenStackNativeComponent.default, _extends({}, props, {
     style: [{
       flex: 1
     }, props.style]
   }));
 }
+
+var _default = ScreenStack;
+exports.default = _default;
 //# sourceMappingURL=ScreenStack.js.map

package/lib/commonjs/fabric/ScreenStack.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ScreenStack.js"],"names":["ScreenStack","props","flex","style"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;;;AAEe,SAASA,WAAT,CAAqBC,KAArB,EAA4B;AACzC,sBACE,oBAAC,mCAAD,eAAgCA,KAAhC;AAAuC,IAAA,KAAK,EAAE,CAAC;AAAEC,MAAAA,IAAI,EAAE;AAAR,KAAD,EAAcD,KAAK,CAACE,KAApB;AAA9C,KADF;AAGD","sourcesContent":["import * as React from 'react';\nimport ScreenStackNativeComponent from './ScreenStackNativeComponent';\n\nexport default function ScreenStack(props) {\n  return (\n    <ScreenStackNativeComponent {...props} style={[{ flex: 1 }, props.style]} />\n  );\n}\n"]}
+{"version":3,"sources":["ScreenStack.js"],"names":["ScreenStack","props","flex","style"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAEA,SAASA,WAAT,CAAqBC,KAArB,EAA4B;AAC1B,sBACE,6BAAC,mCAAD,eAAgCA,KAAhC;AAAuC,IAAA,KAAK,EAAE,CAAC;AAAEC,MAAAA,IAAI,EAAE;AAAR,KAAD,EAAcD,KAAK,CAACE,KAApB;AAA9C,KADF;AAGD;;eAEcH,W","sourcesContent":["import React from 'react';\nimport ScreenStackNativeComponent from './ScreenStackNativeComponent';\n\nfunction ScreenStack(props) {\n  return (\n    <ScreenStackNativeComponent {...props} style={[{ flex: 1 }, props.style]} />\n  );\n}\n\nexport default ScreenStack;\n"]}

package/lib/commonjs/fabric/ScreenStackHeaderSubview.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = ScreenStackHeaderSubview;
+exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -31,4 +31,7 @@ function ScreenStackHeaderSubview(props) {
     style: styles.headerSubview
   }));
 }
+
+var _default = ScreenStackHeaderSubview;
+exports.default = _default;
 //# sourceMappingURL=ScreenStackHeaderSubview.js.map

package/lib/commonjs/fabric/ScreenStackHeaderSubview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ScreenStackHeaderSubview.js"],"names":["styles","StyleSheet","create","headerSubview","position","top","right","flexDirection","alignItems","justifyContent","ScreenStackHeaderSubview","props"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAEA,MAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,aAAa,EAAE;AACbC,IAAAA,QAAQ,EAAE,UADG;AAEbC,IAAAA,GAAG,EAAE,CAFQ;AAGbC,IAAAA,KAAK,EAAE,CAHM;AAIbC,IAAAA,aAAa,EAAE,KAJF;AAKbC,IAAAA,UAAU,EAAE,QALC;AAMbC,IAAAA,cAAc,EAAE;AANH;AADgB,CAAlB,CAAf;;AAWe,SAASC,wBAAT,CAAkCC,KAAlC,EAAyC;AACtD,sBACE,6BAAC,gDAAD,eAAoCA,KAApC;AAA2C,IAAA,KAAK,EAAEX,MAAM,CAACG;AAAzD,KADF;AAGD","sourcesContent":["import React from 'react';\nimport NativeScreenStackHeaderSubview from './ScreenStackHeaderSubviewNativeComponent';\nimport { StyleSheet } from 'react-native';\n\nconst styles = StyleSheet.create({\n  headerSubview: {\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\nexport default function ScreenStackHeaderSubview(props) {\n  return (\n    <NativeScreenStackHeaderSubview {...props} style={styles.headerSubview} />\n  );\n}\n"]}
+{"version":3,"sources":["ScreenStackHeaderSubview.js"],"names":["styles","StyleSheet","create","headerSubview","position","top","right","flexDirection","alignItems","justifyContent","ScreenStackHeaderSubview","props"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAEA,MAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,aAAa,EAAE;AACbC,IAAAA,QAAQ,EAAE,UADG;AAEbC,IAAAA,GAAG,EAAE,CAFQ;AAGbC,IAAAA,KAAK,EAAE,CAHM;AAIbC,IAAAA,aAAa,EAAE,KAJF;AAKbC,IAAAA,UAAU,EAAE,QALC;AAMbC,IAAAA,cAAc,EAAE;AANH;AADgB,CAAlB,CAAf;;AAWA,SAASC,wBAAT,CAAkCC,KAAlC,EAAyC;AACvC,sBACE,6BAAC,gDAAD,eAAoCA,KAApC;AAA2C,IAAA,KAAK,EAAEX,MAAM,CAACG;AAAzD,KADF;AAGD;;eAEcO,wB","sourcesContent":["import React from 'react';\nimport NativeScreenStackHeaderSubview from './ScreenStackHeaderSubviewNativeComponent';\nimport { StyleSheet } from 'react-native';\n\nconst styles = StyleSheet.create({\n  headerSubview: {\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\nfunction ScreenStackHeaderSubview(props) {\n  return (\n    <NativeScreenStackHeaderSubview {...props} style={styles.headerSubview} />\n  );\n}\n\nexport default ScreenStackHeaderSubview;\n"]}

package/lib/module/fabric/Screen.js

@@ -1,11 +1,16 @@
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-import * as React from 'react';
+import React from 'react';
 import ScreenNativeComponent from './ScreenNativeComponent';
 import { StyleSheet } from 'react-native';
-export default function Screen(props) {
-  return /*#__PURE__*/React.createElement(ScreenNativeComponent, _extends({}, props, {
+
+function Screen(props, ref) {
+  return /*#__PURE__*/React.createElement(ScreenNativeComponent, _extends({
+    ref: ref
+  }, props, {
     style: [props.style, StyleSheet.absoluteFill]
   }));
 }
+
+export default /*#__PURE__*/React.forwardRef(Screen);
 //# sourceMappingURL=Screen.js.map

package/lib/module/fabric/Screen.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Screen.js"],"names":["React","ScreenNativeComponent","StyleSheet","Screen","props","style","absoluteFill"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,qBAAP,MAAkC,yBAAlC;AACA,SAASC,UAAT,QAA2B,cAA3B;AAEA,eAAe,SAASC,MAAT,CAAgBC,KAAhB,EAAuB;AACpC,sBACE,oBAAC,qBAAD,eACMA,KADN;AAEE,IAAA,KAAK,EAAE,CAACA,KAAK,CAACC,KAAP,EAAcH,UAAU,CAACI,YAAzB;AAFT,KADF;AAMD","sourcesContent":["import * as React from 'react';\nimport ScreenNativeComponent from './ScreenNativeComponent';\nimport { StyleSheet } from 'react-native';\n\nexport default function Screen(props) {\n  return (\n    <ScreenNativeComponent\n      {...props}\n      style={[props.style, StyleSheet.absoluteFill]}\n    />\n  );\n}\n"]}
+{"version":3,"sources":["Screen.js"],"names":["React","ScreenNativeComponent","StyleSheet","Screen","props","ref","style","absoluteFill","forwardRef"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,qBAAP,MAAkC,yBAAlC;AACA,SAASC,UAAT,QAA2B,cAA3B;;AAEA,SAASC,MAAT,CAAgBC,KAAhB,EAAuBC,GAAvB,EAA4B;AAC1B,sBACE,oBAAC,qBAAD;AACE,IAAA,GAAG,EAAEA;AADP,KAEMD,KAFN;AAGE,IAAA,KAAK,EAAE,CAACA,KAAK,CAACE,KAAP,EAAcJ,UAAU,CAACK,YAAzB;AAHT,KADF;AAOD;;AAED,4BAAeP,KAAK,CAACQ,UAAN,CAAiBL,MAAjB,CAAf","sourcesContent":["import React from 'react';\nimport ScreenNativeComponent from './ScreenNativeComponent';\nimport { StyleSheet } from 'react-native';\n\nfunction Screen(props, ref) {\n  return (\n    <ScreenNativeComponent\n      ref={ref}\n      {...props}\n      style={[props.style, StyleSheet.absoluteFill]}\n    />\n  );\n}\n\nexport default React.forwardRef(Screen);\n"]}

package/lib/module/fabric/ScreenStack.js

@@ -1,12 +1,15 @@
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-import * as React from 'react';
+import React from 'react';
 import ScreenStackNativeComponent from './ScreenStackNativeComponent';
-export default function ScreenStack(props) {
+
+function ScreenStack(props) {
   return /*#__PURE__*/React.createElement(ScreenStackNativeComponent, _extends({}, props, {
     style: [{
       flex: 1
     }, props.style]
   }));
 }
+
+export default ScreenStack;
 //# sourceMappingURL=ScreenStack.js.map

package/lib/module/fabric/ScreenStack.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ScreenStack.js"],"names":["React","ScreenStackNativeComponent","ScreenStack","props","flex","style"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,0BAAP,MAAuC,8BAAvC;AAEA,eAAe,SAASC,WAAT,CAAqBC,KAArB,EAA4B;AACzC,sBACE,oBAAC,0BAAD,eAAgCA,KAAhC;AAAuC,IAAA,KAAK,EAAE,CAAC;AAAEC,MAAAA,IAAI,EAAE;AAAR,KAAD,EAAcD,KAAK,CAACE,KAApB;AAA9C,KADF;AAGD","sourcesContent":["import * as React from 'react';\nimport ScreenStackNativeComponent from './ScreenStackNativeComponent';\n\nexport default function ScreenStack(props) {\n  return (\n    <ScreenStackNativeComponent {...props} style={[{ flex: 1 }, props.style]} />\n  );\n}\n"]}
+{"version":3,"sources":["ScreenStack.js"],"names":["React","ScreenStackNativeComponent","ScreenStack","props","flex","style"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,0BAAP,MAAuC,8BAAvC;;AAEA,SAASC,WAAT,CAAqBC,KAArB,EAA4B;AAC1B,sBACE,oBAAC,0BAAD,eAAgCA,KAAhC;AAAuC,IAAA,KAAK,EAAE,CAAC;AAAEC,MAAAA,IAAI,EAAE;AAAR,KAAD,EAAcD,KAAK,CAACE,KAApB;AAA9C,KADF;AAGD;;AAED,eAAeH,WAAf","sourcesContent":["import React from 'react';\nimport ScreenStackNativeComponent from './ScreenStackNativeComponent';\n\nfunction ScreenStack(props) {\n  return (\n    <ScreenStackNativeComponent {...props} style={[{ flex: 1 }, props.style]} />\n  );\n}\n\nexport default ScreenStack;\n"]}

package/lib/module/fabric/ScreenStackHeaderSubview.js

@@ -13,9 +13,12 @@ const styles = StyleSheet.create({
     justifyContent: 'center'
   }
 });
-export default function ScreenStackHeaderSubview(props) {
+
+function ScreenStackHeaderSubview(props) {
   return /*#__PURE__*/React.createElement(NativeScreenStackHeaderSubview, _extends({}, props, {
     style: styles.headerSubview
   }));
 }
+
+export default ScreenStackHeaderSubview;
 //# sourceMappingURL=ScreenStackHeaderSubview.js.map

package/lib/module/fabric/ScreenStackHeaderSubview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ScreenStackHeaderSubview.js"],"names":["React","NativeScreenStackHeaderSubview","StyleSheet","styles","create","headerSubview","position","top","right","flexDirection","alignItems","justifyContent","ScreenStackHeaderSubview","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,8BAAP,MAA2C,2CAA3C;AACA,SAASC,UAAT,QAA2B,cAA3B;AAEA,MAAMC,MAAM,GAAGD,UAAU,CAACE,MAAX,CAAkB;AAC/BC,EAAAA,aAAa,EAAE;AACbC,IAAAA,QAAQ,EAAE,UADG;AAEbC,IAAAA,GAAG,EAAE,CAFQ;AAGbC,IAAAA,KAAK,EAAE,CAHM;AAIbC,IAAAA,aAAa,EAAE,KAJF;AAKbC,IAAAA,UAAU,EAAE,QALC;AAMbC,IAAAA,cAAc,EAAE;AANH;AADgB,CAAlB,CAAf;AAWA,eAAe,SAASC,wBAAT,CAAkCC,KAAlC,EAAyC;AACtD,sBACE,oBAAC,8BAAD,eAAoCA,KAApC;AAA2C,IAAA,KAAK,EAAEV,MAAM,CAACE;AAAzD,KADF;AAGD","sourcesContent":["import React from 'react';\nimport NativeScreenStackHeaderSubview from './ScreenStackHeaderSubviewNativeComponent';\nimport { StyleSheet } from 'react-native';\n\nconst styles = StyleSheet.create({\n  headerSubview: {\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\nexport default function ScreenStackHeaderSubview(props) {\n  return (\n    <NativeScreenStackHeaderSubview {...props} style={styles.headerSubview} />\n  );\n}\n"]}
+{"version":3,"sources":["ScreenStackHeaderSubview.js"],"names":["React","NativeScreenStackHeaderSubview","StyleSheet","styles","create","headerSubview","position","top","right","flexDirection","alignItems","justifyContent","ScreenStackHeaderSubview","props"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,8BAAP,MAA2C,2CAA3C;AACA,SAASC,UAAT,QAA2B,cAA3B;AAEA,MAAMC,MAAM,GAAGD,UAAU,CAACE,MAAX,CAAkB;AAC/BC,EAAAA,aAAa,EAAE;AACbC,IAAAA,QAAQ,EAAE,UADG;AAEbC,IAAAA,GAAG,EAAE,CAFQ;AAGbC,IAAAA,KAAK,EAAE,CAHM;AAIbC,IAAAA,aAAa,EAAE,KAJF;AAKbC,IAAAA,UAAU,EAAE,QALC;AAMbC,IAAAA,cAAc,EAAE;AANH;AADgB,CAAlB,CAAf;;AAWA,SAASC,wBAAT,CAAkCC,KAAlC,EAAyC;AACvC,sBACE,oBAAC,8BAAD,eAAoCA,KAApC;AAA2C,IAAA,KAAK,EAAEV,MAAM,CAACE;AAAzD,KADF;AAGD;;AAED,eAAeO,wBAAf","sourcesContent":["import React from 'react';\nimport NativeScreenStackHeaderSubview from './ScreenStackHeaderSubviewNativeComponent';\nimport { StyleSheet } from 'react-native';\n\nconst styles = StyleSheet.create({\n  headerSubview: {\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\nfunction ScreenStackHeaderSubview(props) {\n  return (\n    <NativeScreenStackHeaderSubview {...props} style={styles.headerSubview} />\n  );\n}\n\nexport default ScreenStackHeaderSubview;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-screens",
-  "version": "3.13.0",
+  "version": "3.13.1",
   "description": "Native navigation primitives for your React Native app.",
   "scripts": {
     "check-types": "tsc --noEmit",

package/src/fabric/Screen.js

@@ -1,12 +1,15 @@
-import * as React from 'react';
+import React from 'react';
 import ScreenNativeComponent from './ScreenNativeComponent';
 import { StyleSheet } from 'react-native';
 
-export default function Screen(props) {
+function Screen(props, ref) {
   return (
     <ScreenNativeComponent
+      ref={ref}
       {...props}
       style={[props.style, StyleSheet.absoluteFill]}
     />
   );
 }
+
+export default React.forwardRef(Screen);

package/src/fabric/ScreenStack.js

@@ -1,8 +1,10 @@
-import * as React from 'react';
+import React from 'react';
 import ScreenStackNativeComponent from './ScreenStackNativeComponent';
 
-export default function ScreenStack(props) {
+function ScreenStack(props) {
   return (
     <ScreenStackNativeComponent {...props} style={[{ flex: 1 }, props.style]} />
   );
 }
+
+export default ScreenStack;

package/src/fabric/ScreenStackHeaderSubview.js

@@ -13,8 +13,10 @@ const styles = StyleSheet.create({
   },
 });
 
-export default function ScreenStackHeaderSubview(props) {
+function ScreenStackHeaderSubview(props) {
   return (
     <NativeScreenStackHeaderSubview {...props} style={styles.headerSubview} />
   );
 }
+
+export default ScreenStackHeaderSubview;