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

package/windows/RNScreens/ScreenStackHeaderConfig.cpp

@@ -15,5 +15,29 @@ using namespace Windows::UI::Xaml::Controls;
 namespace winrt::RNScreens::implementation {
 ScreenStackHeaderConfig::ScreenStackHeaderConfig(
     winrt::Microsoft::ReactNative::IReactContext reactContext)
-    : m_reactContext(reactContext) {}
+    : m_reactContext(reactContext),
+     m_children(
+                    {winrt::single_threaded_vector<Windows::UI::Xaml::UIElement>()}) {}
+
+void ScreenStackHeaderConfig::addView(winrt::Windows::UI::Xaml::UIElement element) {
+  Children().Append(element);
+}
+
+void ScreenStackHeaderConfig::removeAllChildren() {
+  Children().Clear();
+}
+
+void ScreenStackHeaderConfig::removeChildAt(int64_t index) {
+  Children().RemoveAt(static_cast<uint32_t>(index));
+}
+
+void ScreenStackHeaderConfig::replaceChild(
+    winrt::Windows::UI::Xaml::UIElement oldChild,
+    winrt::Windows::UI::Xaml::UIElement newChild) {
+  uint32_t index;
+  if (!Children().IndexOf(oldChild, index))
+    return;
+
+  Children().SetAt(index, newChild);
+}
 } // namespace winrt::RNScreens::implementation

package/windows/RNScreens/ScreenStackHeaderConfig.h

@@ -6,8 +6,17 @@ class ScreenStackHeaderConfig
           ScreenStackHeaderConfig> {
  public:
   ScreenStackHeaderConfig(
-      winrt::Microsoft::ReactNative::IReactContext m_reactContext);
+      winrt::Microsoft::ReactNative::IReactContext reactContext);
 
+  void addView(winrt::Windows::UI::Xaml::UIElement element);
+  void removeAllChildren();
+  void removeChildAt(int64_t index);
+  void replaceChild(
+      winrt::Windows::UI::Xaml::UIElement oldChild,
+      winrt::Windows::UI::Xaml::UIElement newChild);
+
+  winrt::Windows::Foundation::Collections::IVector<Windows::UI::Xaml::UIElement>
+      m_children;
  private:
   winrt::Microsoft::ReactNative::IReactContext m_reactContext{nullptr};
 };

package/windows/RNScreens/ScreenStackHeaderConfigViewManager.cpp

@@ -26,7 +26,48 @@ ScreenStackHeaderConfigViewManager::CreateView() noexcept {
 
 // IViewManagerRequiresNativeLayout
 bool ScreenStackHeaderConfigViewManager::RequiresNativeLayout() {
-  return true;
+  return false;
+}
+
+// IViewManagerWithChildren
+void ScreenStackHeaderConfigViewManager::AddView(
+    FrameworkElement parent,
+    UIElement child,
+    int64_t index) {
+  auto screenStackHeaderConfig = parent.as<ScreenStackHeaderConfig>();
+  if (!screenStackHeaderConfig)
+    return;
+
+  screenStackHeaderConfig->addView(child);
+}
+
+void ScreenStackHeaderConfigViewManager::RemoveAllChildren(FrameworkElement parent) {
+  auto screenStackHeaderConfig = parent.as<ScreenStackHeaderConfig>();
+  if (!screenStackHeaderConfig)
+    return;
+
+  screenStackHeaderConfig->removeAllChildren();
+}
+
+void ScreenStackHeaderConfigViewManager::RemoveChildAt(
+    FrameworkElement parent,
+    int64_t index) {
+  auto screenStackHeaderConfig = parent.as<ScreenStackHeaderConfig>();
+  if (!screenStackHeaderConfig)
+    return;
+
+  screenStackHeaderConfig->removeChildAt(index);
+}
+
+void ScreenStackHeaderConfigViewManager::ReplaceChild(
+    FrameworkElement parent,
+    UIElement oldChild,
+    UIElement newChild) {
+  auto screenStackHeaderConfig = parent.as<ScreenStackHeaderConfig>();
+  if (!screenStackHeaderConfig)
+    return;
+
+  screenStackHeaderConfig->replaceChild(oldChild, newChild);
 }
 
 // IViewManagerWithReactContext

package/windows/RNScreens/ScreenStackHeaderConfigViewManager.h

@@ -10,6 +10,7 @@ class ScreenStackHeaderConfigViewManager
           winrt::Microsoft::ReactNative::IViewManager,
           winrt::Microsoft::ReactNative::IViewManagerRequiresNativeLayout,
           winrt::Microsoft::ReactNative::IViewManagerWithReactContext,
+          winrt::Microsoft::ReactNative::IViewManagerWithChildren,
           winrt::Microsoft::ReactNative::IViewManagerWithNativeProperties,
           winrt::Microsoft::ReactNative::
               IViewManagerWithExportedEventTypeConstants,
@@ -24,6 +25,20 @@ class ScreenStackHeaderConfigViewManager
   // IViewManagerRequiresNativeLayout
   bool RequiresNativeLayout();
 
+  // IViewManagerWithChildren
+  void AddView(
+      winrt::Windows::UI::Xaml::FrameworkElement parent,
+      winrt::Windows::UI::Xaml::UIElement child,
+      int64_t index);
+  void RemoveAllChildren(winrt::Windows::UI::Xaml::FrameworkElement parent);
+  void RemoveChildAt(
+      winrt::Windows::UI::Xaml::FrameworkElement parent,
+      int64_t index);
+  void ReplaceChild(
+      winrt::Windows::UI::Xaml::FrameworkElement parent,
+      winrt::Windows::UI::Xaml::UIElement oldChild,
+      winrt::Windows::UI::Xaml::UIElement newChild);
+
   // IViewManagerWithReactContext
   winrt::Microsoft::ReactNative::IReactContext ReactContext() noexcept;
   void ReactContext(

package/windows/RNScreens/ScreenStackHeaderSubview.cpp

@@ -0,0 +1,43 @@
+#include "pch.h"
+#include "ScreenStackHeaderSubview.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 {
+ScreenStackHeaderSubview::ScreenStackHeaderSubview(
+    winrt::Microsoft::ReactNative::IReactContext reactContext)
+    : m_reactContext(reactContext),
+      m_children(
+               {winrt::single_threaded_vector<Windows::UI::Xaml::UIElement>()}) {}
+
+void ScreenStackHeaderSubview::addView(winrt::Windows::UI::Xaml::UIElement element) {
+  Children().Append(element);
+}
+
+void ScreenStackHeaderSubview::removeAllChildren() {
+  Children().Clear();
+}
+
+void ScreenStackHeaderSubview::removeChildAt(int64_t index) {
+  Children().RemoveAt(static_cast<uint32_t>(index));
+}
+
+void ScreenStackHeaderSubview::replaceChild(
+    winrt::Windows::UI::Xaml::UIElement oldChild,
+    winrt::Windows::UI::Xaml::UIElement newChild) {
+  uint32_t index;
+  if (!Children().IndexOf(oldChild, index))
+    return;
+
+  Children().SetAt(index, newChild);
+}
+} // namespace winrt::RNScreens::implementation

package/windows/RNScreens/ScreenStackHeaderSubview.h

@@ -0,0 +1,24 @@
+#pragma once
+
+namespace winrt::RNScreens::implementation {
+class ScreenStackHeaderSubview
+    : public winrt::Windows::UI::Xaml::Controls::StackPanelT<
+          ScreenStackHeaderSubview> {
+ public:
+  ScreenStackHeaderSubview(
+      winrt::Microsoft::ReactNative::IReactContext reactContext);
+
+  void addView(winrt::Windows::UI::Xaml::UIElement element);
+  void removeAllChildren();
+  void removeChildAt(int64_t index);
+  void replaceChild(
+      winrt::Windows::UI::Xaml::UIElement oldChild,
+      winrt::Windows::UI::Xaml::UIElement newChild);
+
+  winrt::Windows::Foundation::Collections::IVector<Windows::UI::Xaml::UIElement>
+      m_children;
+
+ private:
+  winrt::Microsoft::ReactNative::IReactContext m_reactContext{nullptr};
+};
+} // namespace winrt::RNScreens::implementation

package/windows/RNScreens/ScreenStackHeaderSubviewViewManager.cpp

@@ -0,0 +1,129 @@
+#include "pch.h"
+#include "ScreenStackHeaderSubviewViewManager.h"
+#include "ScreenStackHeaderSubview.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 ScreenStackHeaderSubviewViewManager::Name() noexcept {
+  return L"RNSScreenStackHeaderSubview";
+}
+
+winrt::FrameworkElement ScreenStackHeaderSubviewViewManager::CreateView() noexcept {
+  return winrt::make<winrt::RNScreens::implementation::ScreenStackHeaderSubview>(m_reactContext);
+}
+
+// IViewManagerRequiresNativeLayout
+bool ScreenStackHeaderSubviewViewManager::RequiresNativeLayout() {
+  return false;
+}
+
+// IViewManagerWithChildren
+void ScreenStackHeaderSubviewViewManager::AddView(
+    FrameworkElement parent,
+    UIElement child,
+    int64_t index) {
+  auto screenStackHeaderSubview = parent.as<ScreenStackHeaderSubview>();
+  if (!screenStackHeaderSubview)
+    return;
+
+  screenStackHeaderSubview->addView(child);
+}
+
+void ScreenStackHeaderSubviewViewManager::RemoveAllChildren(FrameworkElement parent) {
+  auto screenStackHeaderSubview = parent.as<ScreenStackHeaderSubview>();
+  if (!screenStackHeaderSubview)
+    return;
+
+  screenStackHeaderSubview->removeAllChildren();
+}
+
+void ScreenStackHeaderSubviewViewManager::RemoveChildAt(
+    FrameworkElement parent,
+    int64_t index) {
+  auto screenStackHeaderSubview = parent.as<ScreenStackHeaderSubview>();
+  if (!screenStackHeaderSubview)
+    return;
+
+  screenStackHeaderSubview->removeChildAt(index);
+}
+
+void ScreenStackHeaderSubviewViewManager::ReplaceChild(
+    FrameworkElement parent,
+    UIElement oldChild,
+    UIElement newChild) {
+  auto screenStackHeaderSubview = parent.as<ScreenStackHeaderSubview>();
+  if (!screenStackHeaderSubview)
+    return;
+
+  screenStackHeaderSubview->replaceChild(oldChild, newChild);
+}
+
+// IViewManagerWithNativeProperties
+IMapView<hstring, ViewManagerPropertyType>
+ScreenStackHeaderSubviewViewManager::NativeProps() noexcept {
+  auto nativeProps =
+      winrt::single_threaded_map<hstring, ViewManagerPropertyType>();
+  return nativeProps.GetView();
+}
+
+void ScreenStackHeaderSubviewViewManager::UpdateProperties(
+    FrameworkElement const &view,
+    IJSValueReader const &propertyMapReader) noexcept {
+  (void)view;
+  const JSValueObject &propertyMap = JSValue::ReadObjectFrom(propertyMapReader);
+  for (auto const &pair : propertyMap) {
+    auto const &propertyName = pair.first;
+    auto const &propertyValue = pair.second;
+    (void)propertyName;
+    (void)propertyValue;
+  }
+}
+
+// IViewManagerWithCommands
+IVectorView<hstring> ScreenStackHeaderSubviewViewManager::Commands() noexcept {
+  auto commands = winrt::single_threaded_vector<hstring>();
+  return commands.GetView();
+}
+
+void ScreenStackHeaderSubviewViewManager::DispatchCommand(
+    FrameworkElement const &view,
+    winrt::hstring const &commandId,
+    winrt::IJSValueReader const &commandArgsReader) noexcept {
+  (void)view;
+  (void)commandId;
+  (void)commandArgsReader;
+}
+
+
+// IViewManagerWithExportedEventTypeConstants
+ConstantProviderDelegate ScreenStackHeaderSubviewViewManager::
+    ExportedCustomBubblingEventTypeConstants() noexcept {
+  return nullptr;
+}
+
+ConstantProviderDelegate ScreenStackHeaderSubviewViewManager::
+    ExportedCustomDirectEventTypeConstants() noexcept {
+  return nullptr;
+}
+
+// IViewManagerWithReactContext
+winrt::IReactContext ScreenStackHeaderSubviewViewManager::ReactContext() noexcept {
+  return m_reactContext;
+}
+
+void ScreenStackHeaderSubviewViewManager::ReactContext(IReactContext reactContext) noexcept {
+  m_reactContext = reactContext;
+}
+
+} // namespace winrt::RNScreens::implementation

package/windows/RNScreens/ScreenStackHeaderSubviewViewManager.h

@@ -0,0 +1,77 @@
+#pragma once
+
+#include "NativeModules.h"
+#include "winrt/Microsoft.ReactNative.h"
+
+namespace winrt::RNScreens::implementation {
+class ScreenStackHeaderSubviewViewManager
+    : public winrt::implements<
+        ScreenStackHeaderSubviewViewManager,
+        winrt::Microsoft::ReactNative::IViewManager,
+        winrt::Microsoft::ReactNative::IViewManagerWithNativeProperties,
+        winrt::Microsoft::ReactNative::IViewManagerWithCommands,
+        winrt::Microsoft::ReactNative::IViewManagerWithChildren,
+        winrt::Microsoft::ReactNative::IViewManagerWithExportedEventTypeConstants,
+        winrt::Microsoft::ReactNative::IViewManagerRequiresNativeLayout,
+        winrt::Microsoft::ReactNative::IViewManagerWithReactContext> {
+ public:
+  ScreenStackHeaderSubviewViewManager() = default;
+
+  // IViewManager
+  winrt::hstring Name() noexcept;
+  winrt::Windows::UI::Xaml::FrameworkElement CreateView() noexcept;
+
+  // IViewManagerRequiresNativeLayout
+  bool RequiresNativeLayout();
+
+  // IViewManagerWithChildren
+  void AddView(
+      winrt::Windows::UI::Xaml::FrameworkElement parent,
+      winrt::Windows::UI::Xaml::UIElement child,
+      int64_t index);
+  void RemoveAllChildren(winrt::Windows::UI::Xaml::FrameworkElement parent);
+  void RemoveChildAt(
+      winrt::Windows::UI::Xaml::FrameworkElement parent,
+      int64_t index);
+  void ReplaceChild(
+      winrt::Windows::UI::Xaml::FrameworkElement parent,
+      winrt::Windows::UI::Xaml::UIElement oldChild,
+      winrt::Windows::UI::Xaml::UIElement newChild);
+
+  // IViewManagerWithNativeProperties
+  winrt::Windows::Foundation::Collections::IMapView<
+      winrt::hstring,
+      winrt::Microsoft::ReactNative::ViewManagerPropertyType>
+  NativeProps() noexcept;
+
+  void UpdateProperties(
+      winrt::Windows::UI::Xaml::FrameworkElement const &view,
+      winrt::Microsoft::ReactNative::IJSValueReader const
+          &propertyMapReader) noexcept;
+
+  // IViewManagerWithExportedEventTypeConstants
+  winrt::Microsoft::ReactNative::ConstantProviderDelegate
+  ExportedCustomBubblingEventTypeConstants() noexcept;
+  winrt::Microsoft::ReactNative::ConstantProviderDelegate
+  ExportedCustomDirectEventTypeConstants() noexcept;
+
+
+  // IViewManagerWithCommands
+  winrt::Windows::Foundation::Collections::IVectorView<winrt::hstring>
+  Commands() noexcept;
+
+  void DispatchCommand(
+      winrt::Windows::UI::Xaml::FrameworkElement const &view,
+      winrt::hstring const &commandId,
+      winrt::Microsoft::ReactNative::IJSValueReader const
+          &commandArgsReader) noexcept;
+
+  // IViewManagerWithReactContext
+  winrt::Microsoft::ReactNative::IReactContext ReactContext() noexcept;
+  void ReactContext(
+      winrt::Microsoft::ReactNative::IReactContext reactContext) noexcept;
+
+ private:
+  winrt::Microsoft::ReactNative::IReactContext m_reactContext{nullptr};
+};
+} // namespace winrt::RNScreens::implementation

package/windows/RNScreens/ScreenViewManager.cpp

@@ -98,22 +98,51 @@ ScreenViewManager::NativeProps() noexcept {
 void ScreenViewManager::UpdateProperties(
     FrameworkElement const &view,
     IJSValueReader const &propertyMapReader) noexcept {
-  (void)view;
-  const JSValueObject &propertyMap = JSValue::ReadObjectFrom(propertyMapReader);
-  for (auto const &pair : propertyMap) {
-    auto const &propertyName = pair.first;
-    auto const &propertyValue = pair.second;
-    if (propertyValue != nullptr) {
-      if (propertyName == "replaceAnimation") {
-        auto const &value = propertyValue.AsString();
-        // TODO: Implement this for Windows
-        (void)value;
-      } else if (propertyName == "stackPresentation") {
-        auto const &value = propertyValue.AsString();
-        // TODO: Implement this for Windows
-        (void)value;
-      } else {
-        OutputDebugStringA("Unknown property in ScreenViewManager\n");
+  if (auto screen = view.try_as<Screen>()) {
+    const JSValueObject &propertyMap = JSValue::ReadObjectFrom(propertyMapReader);
+    for (auto const &pair : propertyMap) {
+      auto const &propertyName = pair.first;
+      auto const &propertyValue = pair.second;
+      if (propertyName == "stackAnimation") {
+        if (propertyValue.IsNull() ||
+            propertyValue.AsString() == "default" ||
+            propertyValue.AsString() == "flip" ||
+            propertyValue.AsString() == "simple_push") {
+          screen->SetStackAnimation(winrt::RNScreens::implementation::StackAnimation::DEFAULT);
+        } else if (propertyValue.AsString() == "none") {
+          screen->SetStackAnimation(StackAnimation::NONE);
+        } else if (propertyValue.AsString() == "fade") {
+          screen->SetStackAnimation(StackAnimation::FADE);
+        } else if (propertyValue.AsString() == "slide_from_right") {
+          screen->SetStackAnimation(StackAnimation::SLIDE_FROM_RIGHT);
+        } else if (propertyValue.AsString() == "slide_from_left") {
+          screen->SetStackAnimation(StackAnimation::SLIDE_FROM_LEFT);
+        } else if (propertyValue.AsString() == "slide_from_bottom") {
+          screen->SetStackAnimation(StackAnimation::SLIDE_FROM_BOTTOM);
+        } else if (propertyValue.AsString() == "fade_from_bottom") {
+          screen->SetStackAnimation(StackAnimation::FADE_FROM_BOTTOM);
+        } else if (propertyValue.AsString() == "ios_from_right") {
+          screen->SetStackAnimation(StackAnimation::IOS_FROM_RIGHT);
+        } else if (propertyValue.AsString() == "ios_from_left") {
+          screen->SetStackAnimation(StackAnimation::IOS_FROM_LEFT);
+        } else {
+            std::string error = "Unknown animation type: ";
+            error += propertyValue.AsString();
+            throw std::runtime_error(error);
+        }
+      }
+      if (propertyValue != nullptr) {
+        if (propertyName == "replaceAnimation") {
+          auto const &value = propertyValue.AsString();
+          // TODO: Implement this for Windows
+          (void)value;
+        } else if (propertyName == "stackPresentation") {
+          auto const &value = propertyValue.AsString();
+          // TODO: Implement this for Windows
+          (void)value;
+        } else {
+          OutputDebugStringA("Unknown property in ScreenViewManager\n");
+        }
       }
     }
   }

package/windows/RNScreens/ScreenViewManager.h

@@ -20,7 +20,7 @@ class ScreenViewManager
   ScreenViewManager() = default;
 
   // IViewManager
-  winrt::hstring Name() noexcept;
+  virtual winrt::hstring Name() noexcept;
   winrt::Windows::UI::Xaml::FrameworkElement CreateView() noexcept;
 
   // IViewManagerRequiresNativeLayout

package/windows/RNScreens/SearchBar.cpp

@@ -0,0 +1,19 @@
+#include "pch.h"
+#include "SearchBar.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 {
+SearchBar::SearchBar(
+    winrt::Microsoft::ReactNative::IReactContext reactContext)
+    : m_reactContext(reactContext) {}
+} // namespace winrt::RNScreens::implementation

package/windows/RNScreens/SearchBar.h

@@ -0,0 +1,14 @@
+#pragma once
+
+namespace winrt::RNScreens::implementation {
+class SearchBar
+    : public winrt::Windows::UI::Xaml::Controls::StackPanelT<
+          SearchBar> {
+ public:
+  SearchBar(
+      winrt::Microsoft::ReactNative::IReactContext reactContext);
+
+ private:
+  winrt::Microsoft::ReactNative::IReactContext m_reactContext{nullptr};
+};
+} // namespace winrt::RNScreens::implementation

package/windows/RNScreens/SearchBarViewManager.cpp

@@ -0,0 +1,88 @@
+#include "pch.h"
+#include "SearchBarViewManager.h"
+#include "SearchBar.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 SearchBarViewManager::Name() noexcept {
+  return L"RNSSearchBar";
+}
+
+winrt::FrameworkElement SearchBarViewManager::CreateView() noexcept {
+  return winrt::make<winrt::RNScreens::implementation::SearchBar>(m_reactContext);
+}
+
+// IViewManagerRequiresNativeLayout
+bool SearchBarViewManager::RequiresNativeLayout() {
+  return false;
+}
+
+// IViewManagerWithNativeProperties
+IMapView<hstring, ViewManagerPropertyType>
+SearchBarViewManager::NativeProps() noexcept {
+  auto nativeProps =
+      winrt::single_threaded_map<hstring, ViewManagerPropertyType>();
+  return nativeProps.GetView();
+}
+
+void SearchBarViewManager::UpdateProperties(
+    FrameworkElement const &view,
+    IJSValueReader const &propertyMapReader) noexcept {
+  (void)view;
+  const JSValueObject &propertyMap = JSValue::ReadObjectFrom(propertyMapReader);
+  for (auto const &pair : propertyMap) {
+    auto const &propertyName = pair.first;
+    auto const &propertyValue = pair.second;
+    (void)propertyName;
+    (void)propertyValue;
+  }
+}
+
+// IViewManagerWithCommands
+IVectorView<hstring> SearchBarViewManager::Commands() noexcept {
+  auto commands = winrt::single_threaded_vector<hstring>();
+  return commands.GetView();
+}
+
+void SearchBarViewManager::DispatchCommand(
+    FrameworkElement const &view,
+    winrt::hstring const &commandId,
+    winrt::IJSValueReader const &commandArgsReader) noexcept {
+  (void)view;
+  (void)commandId;
+  (void)commandArgsReader;
+}
+
+
+// IViewManagerWithExportedEventTypeConstants
+ConstantProviderDelegate SearchBarViewManager::
+    ExportedCustomBubblingEventTypeConstants() noexcept {
+  return nullptr;
+}
+
+ConstantProviderDelegate SearchBarViewManager::
+    ExportedCustomDirectEventTypeConstants() noexcept {
+  return nullptr;
+}
+
+// IViewManagerWithReactContext
+winrt::IReactContext SearchBarViewManager::ReactContext() noexcept {
+  return m_reactContext;
+}
+
+void SearchBarViewManager::ReactContext(IReactContext reactContext) noexcept {
+  m_reactContext = reactContext;
+}
+
+} // namespace winrt::RNScreens::implementation

package/windows/RNScreens/SearchBarViewManager.h

@@ -0,0 +1,62 @@
+#pragma once
+
+#include "NativeModules.h"
+#include "winrt/Microsoft.ReactNative.h"
+
+namespace winrt::RNScreens::implementation {
+class SearchBarViewManager
+    : public winrt::implements<
+        SearchBarViewManager,
+        winrt::Microsoft::ReactNative::IViewManager,
+        winrt::Microsoft::ReactNative::IViewManagerWithNativeProperties,
+        winrt::Microsoft::ReactNative::IViewManagerWithCommands,
+        winrt::Microsoft::ReactNative::IViewManagerWithExportedEventTypeConstants,
+        winrt::Microsoft::ReactNative::IViewManagerRequiresNativeLayout,
+        winrt::Microsoft::ReactNative::IViewManagerWithReactContext> {
+ public:
+  SearchBarViewManager() = default;
+
+  // IViewManager
+  winrt::hstring Name() noexcept;
+  winrt::Windows::UI::Xaml::FrameworkElement CreateView() noexcept;
+
+  // IViewManagerRequiresNativeLayout
+  bool RequiresNativeLayout();
+
+  // IViewManagerWithNativeProperties
+  winrt::Windows::Foundation::Collections::IMapView<
+      winrt::hstring,
+      winrt::Microsoft::ReactNative::ViewManagerPropertyType>
+  NativeProps() noexcept;
+
+  void UpdateProperties(
+      winrt::Windows::UI::Xaml::FrameworkElement const &view,
+      winrt::Microsoft::ReactNative::IJSValueReader const
+          &propertyMapReader) noexcept;
+
+  // IViewManagerWithExportedEventTypeConstants
+  winrt::Microsoft::ReactNative::ConstantProviderDelegate
+  ExportedCustomBubblingEventTypeConstants() noexcept;
+  winrt::Microsoft::ReactNative::ConstantProviderDelegate
+  ExportedCustomDirectEventTypeConstants() noexcept;
+
+
+  // IViewManagerWithCommands
+  winrt::Windows::Foundation::Collections::IVectorView<winrt::hstring>
+  Commands() noexcept;
+
+  void DispatchCommand(
+      winrt::Windows::UI::Xaml::FrameworkElement const &view,
+      winrt::hstring const &commandId,
+      winrt::Microsoft::ReactNative::IJSValueReader const
+          &commandArgsReader) noexcept;
+
+  // IViewManagerWithReactContext
+  winrt::Microsoft::ReactNative::IReactContext ReactContext() noexcept;
+  void ReactContext(
+      winrt::Microsoft::ReactNative::IReactContext reactContext) noexcept;
+
+ private:
+  winrt::Microsoft::ReactNative::IReactContext m_reactContext{nullptr};
+};
+} // namespace winrt::RNScreens::implementation