chore: add FullWindowOverlay to Fabric JS

src/fabric/FullWindowOverlay.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import FullWindowOverlayNativeComponent from './FullWindowOverlayNativeComponent';
+
+function FullWindowOverlay(props) {
+  return (
+    <FullWindowOverlayNativeComponent
+      {...props}
+      style={[{ flex: 1 }, props.style]}
+    />
+  );
+}
+
+export default FullWindowOverlay;

src/fabric/FullWindowOverlayNativeComponent.js

@@ -0,0 +1,19 @@
+/**
+ * @flow strict-local
+ * @format
+ */
+/* eslint-disable */
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import type { ViewProps } from 'react-native/Libraries/Components/View/ViewPropTypes';
+import type { HostComponent } from 'react-native/Libraries/Renderer/shims/ReactNativeTypes';
+
+type NativeProps = $ReadOnly<{|
+  ...ViewProps,
+|}>;
+
+type ComponentType = HostComponent<NativeProps>;
+
+export default (codegenNativeComponent<NativeProps>(
+  'RNSFullWindowOverlay',
+  {}
+): ComponentType);

src/fabric/index.js

@@ -5,6 +5,7 @@ import ScreenStack from './ScreenStack';
 import SearchBar from './SearchBar';
 import ScreenContainer from './ScreenContainer';
 import ScreenNavigationContainer from './ScreenNavigationContainer';
+import FullWindowOverlay from './FullWindowOverlay';
 
 export {
   Screen,
@@ -14,4 +15,5 @@ export {
   SearchBar,
   ScreenContainer,
   ScreenNavigationContainer,
+  FullWindowOverlay,
 };

src/index.native.tsx

@@ -152,7 +152,9 @@ const ScreensNativeModules = {
 
   get NativeFullWindowOverlay() {
     NativeFullWindowOverlay =
-      NativeFullWindowOverlay || requireNativeComponent('RNSFullWindowOverlay');
+      NativeFullWindowOverlay ||
+      FabricComponents.FullWindowOverlay ||
+      requireNativeComponent('RNSFullWindowOverlay');
     return NativeFullWindowOverlay;
   },
 };