react-native-screens 4.11.0-beta.0 → 4.11.0-beta.2

package/lib/module/components/FullWindowOverlay.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","StyleSheet","View","useWindowDimensions","FullWindowOverlayNativeComponent","NativeFullWindowOverlay","FullWindowOverlay","props","width","height","OS","console","warn","createElement","style","absoluteFill","children"],"sourceRoot":"../../../src","sources":["components/FullWindowOverlay.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAwC,OAAO;AAC3D,SACEC,QAAQ,EAERC,UAAU,EACVC,IAAI,EAEJC,mBAAmB,QACd,cAAc;;AAErB;AACA,OAAOC,gCAAgC,MAAM,4CAA4C;AACzF,MAAMC,uBAIL,GAAGD,gCAAuC;AAE3C,SAASE,iBAAiBA,CAACC,KAA8B,EAAE;EACzD,MAAM;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAGN,mBAAmB,CAAC,CAAC;EAC/C,IAAIH,QAAQ,CAACU,EAAE,KAAK,KAAK,EAAE;IACzBC,OAAO,CAACC,IAAI,CAAC,uDAAuD,CAAC;IACrE,oBAAOb,KAAA,CAAAc,aAAA,CAACX,IAAI,EAAKK,KAAQ,CAAC;EAC5B;EACA,oBACER,KAAA,CAAAc,aAAA,CAACR,uBAAuB;IACtBS,KAAK,EAAE,CAACb,UAAU,CAACc,YAAY,EAAE;MAAEP,KAAK;MAAEC;IAAO,CAAC;EAAE,GACnDF,KAAK,CAACS,QACgB,CAAC;AAE9B;AAEA,eAAeV,iBAAiB","ignoreList":[]}
+{"version":3,"names":["React","Platform","StyleSheet","View","useWindowDimensions","FullWindowOverlayNativeComponent","NativeFullWindowOverlay","FullWindowOverlay","props","width","height","OS","console","warn","createElement","style","absoluteFill","accessibilityContainerViewIsModal","unstable_accessibilityContainerViewIsModal","children"],"sourceRoot":"../../../src","sources":["components/FullWindowOverlay.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAwC,OAAO;AAC3D,SACEC,QAAQ,EAERC,UAAU,EACVC,IAAI,EAEJC,mBAAmB,QACd,cAAc;;AAErB;AACA,OAAOC,gCAAgC,MAAM,4CAA4C;AAGzF,MAAMC,uBAKL,GAAGD,gCAAuC;AAO3C,SAASE,iBAAiBA,CAACC,KAA6B,EAAE;EACxD,MAAM;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAGN,mBAAmB,CAAC,CAAC;EAC/C,IAAIH,QAAQ,CAACU,EAAE,KAAK,KAAK,EAAE;IACzBC,OAAO,CAACC,IAAI,CAAC,uDAAuD,CAAC;IACrE,oBAAOb,KAAA,CAAAc,aAAA,CAACX,IAAI,EAAKK,KAAQ,CAAC;EAC5B;EACA,oBACER,KAAA,CAAAc,aAAA,CAACR,uBAAuB;IACtBS,KAAK,EAAE,CAACb,UAAU,CAACc,YAAY,EAAE;MAAEP,KAAK;MAAEC;IAAO,CAAC,CAAE;IACpDO,iCAAiC,EAC/BT,KAAK,CAACU;EACP,GACAV,KAAK,CAACW,QACgB,CAAC;AAE9B;AAEA,eAAeZ,iBAAiB","ignoreList":[]}

package/lib/module/components/ScreenContentWrapper.windows.js

@@ -0,0 +1,4 @@
+import { View } from 'react-native';
+const ScreenContentWrapper = View;
+export default ScreenContentWrapper;
+//# sourceMappingURL=ScreenContentWrapper.windows.js.map

package/lib/module/components/ScreenContentWrapper.windows.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","ScreenContentWrapper"],"sourceRoot":"../../../src","sources":["components/ScreenContentWrapper.windows.tsx"],"mappings":"AAAA,SAASA,IAAI,QAAQ,cAAc;AAEnC,MAAMC,oBAAoB,GAAGD,IAAI;AAEjC,eAAeC,oBAAoB","ignoreList":[]}

package/lib/module/components/ScreenFooter.windows.js

@@ -0,0 +1,6 @@
+import { View } from 'react-native';
+const ScreenFooter = View;
+const FooterComponent = View;
+export default ScreenFooter;
+export { FooterComponent };
+//# sourceMappingURL=ScreenFooter.windows.js.map

package/lib/module/components/ScreenFooter.windows.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","ScreenFooter","FooterComponent"],"sourceRoot":"../../../src","sources":["components/ScreenFooter.windows.tsx"],"mappings":"AAAA,SAASA,IAAI,QAAQ,cAAc;AAEnC,MAAMC,YAAY,GAAGD,IAAI;AACzB,MAAME,eAAe,GAAGF,IAAI;AAE5B,eAAeC,YAAY;AAC3B,SAASC,eAAe","ignoreList":[]}

package/lib/module/fabric/FullWindowOverlayNativeComponent.js

@@ -1,6 +1,9 @@
 'use client';
 
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+
+// Internal export, not part of stable library API.
+
 export default codegenNativeComponent('RNSFullWindowOverlay', {
   interfaceOnly: true
 });

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

@@ -1 +1 @@
-{"version":3,"names":["codegenNativeComponent","interfaceOnly"],"sourceRoot":"../../../src","sources":["fabric/FullWindowOverlayNativeComponent.ts"],"mappings":"AAAA,YAAY;;AAEZ,OAAOA,sBAAsB,MAAM,yDAAyD;AAK5F,eAAeA,sBAAsB,CAAc,sBAAsB,EAAE;EACzEC,aAAa,EAAE;AACjB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["codegenNativeComponent","interfaceOnly"],"sourceRoot":"../../../src","sources":["fabric/FullWindowOverlayNativeComponent.ts"],"mappings":"AAAA,YAAY;;AAEZ,OAAOA,sBAAsB,MAAM,yDAAyD;;AAI5F;;AAKA,eAAeA,sBAAsB,CAAc,sBAAsB,EAAE;EACzEC,aAAa,EAAE;AACjB,CAAC,CAAC","ignoreList":[]}

package/lib/typescript/components/FullWindowOverlay.d.ts

@@ -1,6 +1,8 @@
 import React, { ReactNode } from 'react';
-declare function FullWindowOverlay(props: {
+type FullWindowOverlayProps = {
     children: ReactNode;
-}): React.JSX.Element;
+    unstable_accessibilityContainerViewIsModal?: boolean;
+};
+declare function FullWindowOverlay(props: FullWindowOverlayProps): React.JSX.Element;
 export default FullWindowOverlay;
 //# sourceMappingURL=FullWindowOverlay.d.ts.map

package/lib/typescript/components/FullWindowOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FullWindowOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/FullWindowOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAC;AAkB5D,iBAAS,iBAAiB,CAAC,KAAK,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,qBAYxD;AAED,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"FullWindowOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/FullWindowOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAC;AAqB5D,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,0CAA0C,CAAC,EAAE,OAAO,CAAC;CACtD,CAAC;AAEF,iBAAS,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,qBAevD;AAED,eAAe,iBAAiB,CAAC"}

package/lib/typescript/components/ScreenContentWrapper.windows.d.ts

@@ -0,0 +1,4 @@
+import { View } from 'react-native';
+declare const ScreenContentWrapper: typeof View;
+export default ScreenContentWrapper;
+//# sourceMappingURL=ScreenContentWrapper.windows.d.ts.map

package/lib/typescript/components/ScreenContentWrapper.windows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenContentWrapper.windows.d.ts","sourceRoot":"","sources":["../../../src/components/ScreenContentWrapper.windows.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,QAAA,MAAM,oBAAoB,aAAO,CAAC;AAElC,eAAe,oBAAoB,CAAC"}

package/lib/typescript/components/ScreenFooter.windows.d.ts

@@ -0,0 +1,6 @@
+import { View } from 'react-native';
+declare const ScreenFooter: typeof View;
+declare const FooterComponent: typeof View;
+export default ScreenFooter;
+export { FooterComponent };
+//# sourceMappingURL=ScreenFooter.windows.d.ts.map

package/lib/typescript/components/ScreenFooter.windows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenFooter.windows.d.ts","sourceRoot":"","sources":["../../../src/components/ScreenFooter.windows.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,QAAA,MAAM,YAAY,aAAO,CAAC;AAC1B,QAAA,MAAM,eAAe,aAAO,CAAC;AAE7B,eAAe,YAAY,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/lib/typescript/fabric/FullWindowOverlayNativeComponent.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react-native/types/modules/Codegen" />
 import type { ViewProps } from 'react-native';
-interface NativeProps extends ViewProps {
+import { WithDefault } from 'react-native/Libraries/Types/CodegenTypes';
+export interface NativeProps extends ViewProps {
+    accessibilityContainerViewIsModal?: WithDefault<boolean, true>;
 }
 declare const _default: import("react-native/Libraries/Utilities/codegenNativeComponent").NativeComponentType<NativeProps>;
 export default _default;

package/lib/typescript/fabric/FullWindowOverlayNativeComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FullWindowOverlayNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/fabric/FullWindowOverlayNativeComponent.ts"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,UAAU,WAAY,SAAQ,SAAS;CAAG;;AAE1C,wBAEG"}
+{"version":3,"file":"FullWindowOverlayNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/fabric/FullWindowOverlayNativeComponent.ts"],"names":[],"mappings":";AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAGxE,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,iCAAiC,CAAC,EAAE,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;CAChE;;AAED,wBAEG"}

package/lib/typescript/native-stack/types.d.ts

@@ -121,7 +121,7 @@ export type NativeStackNavigationOptions = {
      */
     disableBackButtonMenu?: boolean;
     /**
-     * How the back button behaves. It is used only when none of: `backTitleFontFamily`, `backTitleFontSize`, `disableBackButtonMenu`, `backTitle` and `backTitleVisible=false` is set.
+     * How the back button behaves. It is used only when none of: `backTitleFontFamily`, `backTitleFontSize`, `disableBackButtonMenu` and `backTitleVisible=false` is set.
      * The following values are currently supported (they correspond to [UINavigationItemBackButtonDisplayMode](https://developer.apple.com/documentation/uikit/uinavigationitembackbuttondisplaymode?language=objc)):
      *
      * - `default` – show given back button previous controller title, system generic or just icon based on available space

package/lib/typescript/types.d.ts

@@ -120,7 +120,7 @@ export interface ScreenProps extends ViewProps {
      *
      * @deprecated For all apps targeting Android SDK 35 or above this prop has no effect and is subject to removal in the future.
      *  For SDK below 35 this works only with specific app setup.
-     *  This props is subject to removal in the future.
+     *  This prop is subject to removal in the future.
      *  See: https://developer.android.com/reference/android/view/Window#setNavigationBarColor(int)
      */
     navigationBarColor?: ColorValue;
@@ -495,7 +495,7 @@ export interface ScreenStackHeaderConfigProps extends ViewProps {
      */
     disableBackButtonMenu?: boolean;
     /**
-     * How the back button behaves. It is used only when none of: `backTitleFontFamily`, `backTitleFontSize`, `disableBackButtonMenu`, `backTitle` and `backTitleVisible=false` is set.
+     * How the back button behaves. It is used only when none of: `backTitleFontFamily`, `backTitleFontSize`, `disableBackButtonMenu` and `backTitleVisible=false` is set.
      * The following values are currently supported (they correspond to [UINavigationItemBackButtonDisplayMode](https://developer.apple.com/documentation/uikit/uinavigationitembackbuttondisplaymode?language=objc)):
      *
      * - `default` – show given back button previous controller title, system generic or just icon based on available space

package/native-stack/README.md

@@ -82,7 +82,7 @@ Boolean indicating whether to show the menu on longPress of iOS >= 14 back butto
 
 #### `backButtonDisplayMode` (iOS only)
 
-Enum value indicating display mode of back button. It is used only when none of: `backTitleFontFamily`, `backTitleFontSize`, `disableBackButtonMenu`, `backTitle` and `backTitleVisible=false` is set. The `backTitleVisible` forces `backButtonDisplayMode: minimal` and omits other values. Read more [#2800](https://github.com/software-mansion/react-native-screens/pull/2800). The other props, under the hood, customize `backButtonItem` which overrides `backButtonDisplayMode`. Read more [#2123](https://github.com/software-mansion/react-native-screens/pull/2123).
+Enum value indicating display mode of back button. It is used only when none of: `backTitleFontFamily`, `backTitleFontSize`, `disableBackButtonMenu` and `backTitleVisible=false` is set. The `backTitleVisible` forces `backButtonDisplayMode: minimal` and omits other values. Read more [#2800](https://github.com/software-mansion/react-native-screens/pull/2800). The other props, under the hood, customize `backButtonItem` which overrides `backButtonDisplayMode`. Read more [#2123](https://github.com/software-mansion/react-native-screens/pull/2123).
 
 Possible options:
 
@@ -349,7 +349,7 @@ How the screen should be presented. Possible values:
 - `containedModal` – will use "UIModalPresentationCurrentContext" modal style on iOS and will fallback to `"modal"` on Android.
 - `containedTransparentModal` – will use "UIModalPresentationOverCurrentContext" modal style on iOS and will fallback to `"transparentModal"` on Android.
 - `fullScreenModal` – will use "UIModalPresentationFullScreen" modal style on iOS and will fallback to `"modal"` on Android.
-- `formSheet` – will use "UIModalPresentationFormSheet" modal style on iOS and will fallback to `"modal"` on Android.
+- `formSheet` – will use "UIModalPresentationFormSheet" modal style on iOS and "BottomSheetBehavior" on Android.
 - `pageSheet` – will use "UIModalPresentationPageSheet" modal style on iOS and will fallback to `"modal"` on Android.
 
 Defaults to `push`.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-screens",
-  "version": "4.11.0-beta.0",
+  "version": "4.11.0-beta.2",
   "description": "Native navigation primitives for your React Native app.",
   "scripts": {
     "submodules": "git submodule update --init --recursive && (cd react-navigation && yarn && yarn build && cd ../)",

package/src/components/FullWindowOverlay.tsx

@@ -10,13 +10,21 @@ import {
 
 // Native components
 import FullWindowOverlayNativeComponent from '../fabric/FullWindowOverlayNativeComponent';
+import type { NativeProps } from '../fabric/FullWindowOverlayNativeComponent';
+
 const NativeFullWindowOverlay: React.ComponentType<
   PropsWithChildren<{
     style: StyleProp<ViewStyle>;
-  }>
+  }> &
+    NativeProps
 > = FullWindowOverlayNativeComponent as any;
 
-function FullWindowOverlay(props: { children: ReactNode }) {
+type FullWindowOverlayProps = {
+  children: ReactNode;
+  unstable_accessibilityContainerViewIsModal?: boolean;
+};
+
+function FullWindowOverlay(props: FullWindowOverlayProps) {
   const { width, height } = useWindowDimensions();
   if (Platform.OS !== 'ios') {
     console.warn('Using FullWindowOverlay is only valid on iOS devices.');
@@ -24,7 +32,10 @@ function FullWindowOverlay(props: { children: ReactNode }) {
   }
   return (
     <NativeFullWindowOverlay
-      style={[StyleSheet.absoluteFill, { width, height }]}>
+      style={[StyleSheet.absoluteFill, { width, height }]}
+      accessibilityContainerViewIsModal={
+        props.unstable_accessibilityContainerViewIsModal
+      }>
       {props.children}
     </NativeFullWindowOverlay>
   );

package/src/components/ScreenContentWrapper.windows.tsx

@@ -0,0 +1,5 @@
+import { View } from 'react-native';
+
+const ScreenContentWrapper = View;
+
+export default ScreenContentWrapper;

package/src/components/ScreenFooter.windows.tsx

@@ -0,0 +1,7 @@
+import { View } from 'react-native';
+
+const ScreenFooter = View;
+const FooterComponent = View;
+
+export default ScreenFooter;
+export { FooterComponent };

package/src/fabric/FullWindowOverlayNativeComponent.ts

@@ -2,8 +2,12 @@
 
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 import type { ViewProps } from 'react-native';
+import { WithDefault } from 'react-native/Libraries/Types/CodegenTypes';
 
-interface NativeProps extends ViewProps {}
+// Internal export, not part of stable library API.
+export interface NativeProps extends ViewProps {
+  accessibilityContainerViewIsModal?: WithDefault<boolean, true>;
+}
 
 export default codegenNativeComponent<NativeProps>('RNSFullWindowOverlay', {
   interfaceOnly: true,

package/src/native-stack/types.tsx

@@ -140,7 +140,7 @@ export type NativeStackNavigationOptions = {
    */
   disableBackButtonMenu?: boolean;
   /**
-   * How the back button behaves. It is used only when none of: `backTitleFontFamily`, `backTitleFontSize`, `disableBackButtonMenu`, `backTitle` and `backTitleVisible=false` is set.
+   * How the back button behaves. It is used only when none of: `backTitleFontFamily`, `backTitleFontSize`, `disableBackButtonMenu` and `backTitleVisible=false` is set.
    * The following values are currently supported (they correspond to [UINavigationItemBackButtonDisplayMode](https://developer.apple.com/documentation/uikit/uinavigationitembackbuttondisplaymode?language=objc)):
    *
    * - `default` – show given back button previous controller title, system generic or just icon based on available space

package/src/types.tsx

@@ -188,7 +188,7 @@ export interface ScreenProps extends ViewProps {
    *
    * @deprecated For all apps targeting Android SDK 35 or above this prop has no effect and is subject to removal in the future.
    *  For SDK below 35 this works only with specific app setup.
-   *  This props is subject to removal in the future.
+   *  This prop is subject to removal in the future.
    *  See: https://developer.android.com/reference/android/view/Window#setNavigationBarColor(int)
    */
   navigationBarColor?: ColorValue;
@@ -576,7 +576,7 @@ export interface ScreenStackHeaderConfigProps extends ViewProps {
    */
   disableBackButtonMenu?: boolean;
   /**
-   * How the back button behaves. It is used only when none of: `backTitleFontFamily`, `backTitleFontSize`, `disableBackButtonMenu`, `backTitle` and `backTitleVisible=false` is set.
+   * How the back button behaves. It is used only when none of: `backTitleFontFamily`, `backTitleFontSize`, `disableBackButtonMenu` and `backTitleVisible=false` is set.
    * The following values are currently supported (they correspond to [UINavigationItemBackButtonDisplayMode](https://developer.apple.com/documentation/uikit/uinavigationitembackbuttondisplaymode?language=objc)):
    *
    * - `default` – show given back button previous controller title, system generic or just icon based on available space

package/windows/RNScreens/ModalScreenViewManager.cpp

@@ -0,0 +1,22 @@
+#include "pch.h"
+#include "ModalScreenViewManager.h"
+#include "JSValueXaml.h"
+#include "NativeModules.h"
+
+namespace winrt {
+using namespace Microsoft::ReactNative;
+using namespace Windows::Foundation;
+using namespace Windows::Foundation::Collections;
+using namespace Windows::UI;
+using namespace Windows::UI::Xaml;
+using namespace Windows::UI::Xaml::Controls;
+} // namespace winrt
+
+namespace winrt::RNScreens::implementation {
+// IViewManager
+winrt::hstring ModalScreenViewManager::Name() noexcept {
+  return L"RNSModalScreen";
+}
+
+
+} // namespace winrt::RNScreens::implementation

package/windows/RNScreens/ModalScreenViewManager.h

@@ -0,0 +1,13 @@
+#pragma once
+#include "NativeModules.h"
+#include "winrt/Microsoft.ReactNative.h"
+#include "ScreenViewManager.h"
+
+namespace winrt::RNScreens::implementation {
+
+class ModalScreenViewManager : public ScreenViewManager {
+ public:
+  ModalScreenViewManager() = default;
+  winrt::hstring Name() noexcept;
+};
+} // namespace winrt::RNScreens::implementation

package/windows/RNScreens/RNScreens.vcxproj

@@ -20,7 +20,7 @@
   <Import Project="$(ReactNativeWindowsDir)\PropertySheets\External\Microsoft.ReactNative.WindowsSdk.Default.props" Condition="Exists('$(ReactNativeWindowsDir)\PropertySheets\External\Microsoft.ReactNative.WindowsSdk.Default.props')" />
   <PropertyGroup Label="Fallback Windows SDK Versions">
    <WindowsTargetPlatformVersion Condition=" '$(WindowsTargetPlatformVersion)' == '' ">10.0.18362.0</WindowsTargetPlatformVersion>
-   <WindowsTargetPlatformMinVersion Condition=" '$(WindowsTargetPlatformMinVersion)' == '' ">10.0.16299.0</WindowsTargetPlatformMinVersion>
+   <WindowsTargetPlatformMinVersion Condition=" '$(WindowsTargetPlatformMinVersion)' == '' ">10.0.17763.0</WindowsTargetPlatformMinVersion>
   </PropertyGroup>
   <Import Project="$(VCTargetsPath)\Microsoft.Cpp.Default.props" />
   <ItemGroup Label="ProjectConfigurations">
@@ -122,6 +122,9 @@
     <ClInclude Include="ScreenContainerViewManager.h" />
     <ClInclude Include="ScreenStack.h" />
     <ClInclude Include="ScreenStackHeaderConfigViewManager.h" />
+    <ClInclude Include="ScreenStackHeaderSubviewViewManager.h" />
+    <ClInclude Include="SearchBarViewManager.h" />
+    <ClInclude Include="ModalScreenViewManager.h" />
     <ClInclude Include="ScreenViewManager.h" />
     <ClInclude Include="RNScreens.h">
       <DependentUpon>RNScreens.idl</DependentUpon>
@@ -133,6 +136,8 @@
       <DependentUpon>RNScreens.idl</DependentUpon>
     </ClCompile>
     <ClInclude Include="ScreenStackHeaderConfig.h" />
+    <ClInclude Include="ScreenStackHeaderSubview.h" />
+    <ClInclude Include="SearchBar.h" />
     <ClInclude Include="ScreenStackViewManager.h" />
   </ItemGroup>
   <ItemGroup>
@@ -144,12 +149,17 @@
     <ClCompile Include="ScreenContainerViewManager.cpp" />
     <ClCompile Include="ScreenStack.cpp" />
     <ClCompile Include="ScreenStackHeaderConfigViewManager.cpp" />
+    <ClCompile Include="ScreenStackHeaderSubviewViewManager.cpp" />
+    <ClCompile Include="SearchBarViewManager.cpp" />
+    <ClCompile Include="ModalScreenViewManager.cpp" />
     <ClCompile Include="ScreenViewManager.cpp" />
     <ClCompile Include="ReactPackageProvider.cpp">
       <DependentUpon>ReactPackageProvider.idl</DependentUpon>
     </ClCompile>
     <ClCompile Include="$(GeneratedFilesDir)module.g.cpp" />
     <ClCompile Include="ScreenStackHeaderConfig.cpp" />
+    <ClCompile Include="ScreenStackHeaderSubview.cpp" />
+    <ClCompile Include="SearchBar.cpp" />
     <ClCompile Include="ScreenStackViewManager.cpp" />
   </ItemGroup>
   <ItemGroup>

package/windows/RNScreens/RNScreens.vcxproj.filters

@@ -17,8 +17,13 @@
     <ClCompile Include="RNScreens.cpp" />
     <ClCompile Include="Screen.cpp" />
     <ClCompile Include="ScreenStackHeaderConfigViewManager.cpp" />
+    <ClCompile Include="ScreenStackHeaderSubviewViewManager.cpp" />
+    <ClCompile Include="SearchBarViewManager.cpp" />
+    <ClCompile Include="ModalScreenViewManager.cpp" />
     <ClCompile Include="ScreenViewManager.cpp" />
     <ClCompile Include="ScreenStackHeaderConfig.cpp" />
+    <ClCompile Include="ScreenStackHeaderSubview.cpp" />
+    <ClCompile Include="SearchBar.cpp" />
     <ClCompile Include="ScreenStackViewManager.cpp" />
     <ClCompile Include="ScreenStack.cpp" />
     <ClCompile Include="ScreenContainerViewManager.cpp" />
@@ -31,8 +36,13 @@
     <ClInclude Include="RNScreens.h" />
     <ClInclude Include="Screen.h" />
     <ClInclude Include="ScreenStackHeaderConfigViewManager.h" />
+    <ClInclude Include="ScreenStackHeaderSubviewViewManager.h" />
+    <ClInclude Include="SearchBarViewManager.h" />
+    <ClInclude Include="ModalScreenViewManager.h" />
     <ClInclude Include="ScreenViewManager.h" />
     <ClInclude Include="ScreenStackHeaderConfig.h" />
+    <ClInclude Include="ScreenStackHeaderSubview.h" />
+    <ClInclude Include="SearchBar.h" />
     <ClInclude Include="ScreenStackViewManager.h" />
     <ClInclude Include="ScreenStack.h" />
     <ClInclude Include="ScreenContainer.h" />

package/windows/RNScreens/ReactPackageProvider.cpp

@@ -8,6 +8,9 @@
 #include "ScreenStackHeaderConfigViewManager.h"
 #include "ScreenStackViewManager.h"
 #include "ScreenViewManager.h"
+#include "ScreenStackHeaderSubviewViewManager.h"
+#include "ModalScreenViewManager.h"
+#include "SearchBarViewManager.h"
 
 using namespace winrt::Microsoft::ReactNative;
 
@@ -17,14 +20,29 @@ void ReactPackageProvider::CreatePackage(
   packageBuilder.AddViewManager(L"RNScreensViewManager", []() {
     return winrt::make<ScreenViewManager>();
   });
+
   packageBuilder.AddViewManager(L"RNScreensStackHeaderConfigViewManager", []() {
     return winrt::make<ScreenStackHeaderConfigViewManager>();
   });
+
   packageBuilder.AddViewManager(L"RNSScreenStackViewManager", []() {
     return winrt::make<ScreenStackViewManager>();
   });
+
   packageBuilder.AddViewManager(L"RNSScreenContainerViewManager", []() {
     return winrt::make<ScreenContainerViewManager>();
   });
+
+  packageBuilder.AddViewManager(L"RNSScreenStackHeaderSubviewViewManager", [] () {
+    return winrt::make<ScreenStackHeaderSubviewViewManager>();
+  });
+
+  packageBuilder.AddViewManager(L"RNSModalScreenViewManager", [] () {
+    return winrt::make<ModalScreenViewManager>();
+  });
+
+  packageBuilder.AddViewManager(L"RNSSearchBar", [] () {
+    return winrt::make<SearchBarViewManager>();
+  });
 }
 } // namespace winrt::RNScreens::implementation