feat(iOS): support UIBarButtonItem in header

android/src/main/java/com/swmansion/rnscreens/ScreenStackHeaderConfigViewManager.kt

@@ -4,6 +4,7 @@ import android.util.Log
 import android.view.View
 import com.facebook.react.bridge.JSApplicationCausedNativeException
 import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.bridge.ReadableArray
 import com.facebook.react.module.annotations.ReactModule
 import com.facebook.react.uimanager.LayoutShadowNode
 import com.facebook.react.uimanager.ReactStylesDiffMap
@@ -318,4 +319,18 @@ class ScreenStackHeaderConfigViewManager :
     ) {
         logNotAvailable("blurEffect")
     }
+
+    override fun setHeaderLeftBarButtonItems(
+        view: ScreenStackHeaderConfig?,
+        value: ReadableArray?,
+    ) {
+        logNotAvailable("headerLeftBarButtonItems")
+    }
+
+    override fun setHeaderRightBarButtonItems(
+        view: ScreenStackHeaderConfig?,
+        value: ReadableArray?,
+    ) {
+        logNotAvailable("headerRightBarButtonItems")
+    }
 }

android/src/main/java/com/swmansion/rnscreens/ScreenStackHeaderSubviewManager.kt

@@ -1,5 +1,6 @@
 package com.swmansion.rnscreens
 
+import android.util.Log
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException
 import com.facebook.react.module.annotations.ReactModule
 import com.facebook.react.uimanager.ReactStylesDiffMap
@@ -41,6 +42,14 @@ class ScreenStackHeaderSubviewManager :
             }
     }
 
+    @ReactProp(name = "hidesSharedBackground")
+    override fun setHidesSharedBackground(
+        view: ScreenStackHeaderSubview,
+        hidesSharedBackground: Boolean,
+    ) {
+        Log.w("[RNScreens]", "hidesSharedBackground prop is not available on Android")
+    }
+
     override fun updateState(
         view: ScreenStackHeaderSubview,
         props: ReactStylesDiffMap?,

android/src/paper/java/com/facebook/react/viewmanagers/RNSScreenStackHeaderConfigManagerDelegate.java

@@ -12,6 +12,7 @@
 import android.view.View;
 import androidx.annotation.Nullable;
 import com.facebook.react.bridge.ColorPropConverter;
+import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.uimanager.BaseViewManager;
 import com.facebook.react.uimanager.BaseViewManagerDelegate;
 import com.facebook.react.uimanager.LayoutShadowNode;
@@ -108,6 +109,12 @@ public void setProperty(T view, String propName, @Nullable Object value) {
       case "topInsetEnabled":
         mViewManager.setTopInsetEnabled(view, value == null ? false : (boolean) value);
         break;
+      case "headerLeftBarButtonItems":
+        mViewManager.setHeaderLeftBarButtonItems(view, (ReadableArray) value);
+        break;
+      case "headerRightBarButtonItems":
+        mViewManager.setHeaderRightBarButtonItems(view, (ReadableArray) value);
+        break;
       default:
         super.setProperty(view, propName, value);
     }

android/src/paper/java/com/facebook/react/viewmanagers/RNSScreenStackHeaderConfigManagerInterface.java

@@ -11,6 +11,7 @@
 
 import android.view.View;
 import androidx.annotation.Nullable;
+import com.facebook.react.bridge.ReadableArray;
 
 
 public interface RNSScreenStackHeaderConfigManagerInterface<T extends View>  {
@@ -42,4 +43,6 @@ public interface RNSScreenStackHeaderConfigManagerInterface<T extends View>  {
   void setBackButtonInCustomView(T view, boolean value);
   void setBlurEffect(T view, @Nullable String value);
   void setTopInsetEnabled(T view, boolean value);
+  void setHeaderLeftBarButtonItems(T view, @Nullable ReadableArray value);
+  void setHeaderRightBarButtonItems(T view, @Nullable ReadableArray value);
 }

android/src/paper/java/com/facebook/react/viewmanagers/RNSScreenStackHeaderSubviewManagerDelegate.java

@@ -26,6 +26,9 @@ public void setProperty(T view, String propName, @Nullable Object value) {
       case "type":
         mViewManager.setType(view, (String) value);
         break;
+      case "hidesSharedBackground":
+        mViewManager.setHidesSharedBackground(view, value == null ? false : (boolean) value);
+        break;
       default:
         super.setProperty(view, propName, value);
     }

android/src/paper/java/com/facebook/react/viewmanagers/RNSScreenStackHeaderSubviewManagerInterface.java

@@ -15,4 +15,5 @@
 
 public interface RNSScreenStackHeaderSubviewManagerInterface<T extends View>  {
   void setType(T view, @Nullable String value);
+  void setHidesSharedBackground(T view, boolean value);
 }

apps/Example.tsx

@@ -30,6 +30,7 @@ import Orientation from './src/screens/Orientation';
 import SearchBar from './src/screens/SearchBar';
 import Events from './src/screens/Events';
 import Gestures from './src/screens/Gestures';
+import BarButtonItems from './src/screens/BarButtonItems';
 
 import { GestureDetectorProvider } from 'react-native-screens/gesture-handler';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
@@ -127,6 +128,11 @@ const SCREENS: Record<
     component: Gestures,
     type: 'playground',
   },
+  BarButtonItems: {
+    title: 'Bar Button Items',
+    component: BarButtonItems,
+    type: 'playground',
+  },
 };
 
 if (isTestSectionEnabled()) {