diff --git a/android/src/main/java/com/swmansion/rnscreens/ScreenStackHeaderConfigViewManager.kt b/android/src/main/java/com/swmansion/rnscreens/ScreenStackHeaderConfigViewManager.kt
index 3533ea493c..080b79819e 100644
--- a/android/src/main/java/com/swmansion/rnscreens/ScreenStackHeaderConfigViewManager.kt
+++ b/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")
+    }
 }
diff --git a/android/src/main/java/com/swmansion/rnscreens/ScreenStackHeaderSubviewManager.kt b/android/src/main/java/com/swmansion/rnscreens/ScreenStackHeaderSubviewManager.kt
index b48a9762bb..73be25fc85 100644
--- a/android/src/main/java/com/swmansion/rnscreens/ScreenStackHeaderSubviewManager.kt
+++ b/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?,
diff --git a/android/src/paper/java/com/facebook/react/viewmanagers/RNSScreenStackHeaderConfigManagerDelegate.java b/android/src/paper/java/com/facebook/react/viewmanagers/RNSScreenStackHeaderConfigManagerDelegate.java
index d59f9b4bb4..3ef1e7a08d 100644
--- a/android/src/paper/java/com/facebook/react/viewmanagers/RNSScreenStackHeaderConfigManagerDelegate.java
+++ b/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);
     }
diff --git a/android/src/paper/java/com/facebook/react/viewmanagers/RNSScreenStackHeaderConfigManagerInterface.java b/android/src/paper/java/com/facebook/react/viewmanagers/RNSScreenStackHeaderConfigManagerInterface.java
index 446043698a..0f1bc58396 100644
--- a/android/src/paper/java/com/facebook/react/viewmanagers/RNSScreenStackHeaderConfigManagerInterface.java
+++ b/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);
 }
diff --git a/android/src/paper/java/com/facebook/react/viewmanagers/RNSScreenStackHeaderSubviewManagerDelegate.java b/android/src/paper/java/com/facebook/react/viewmanagers/RNSScreenStackHeaderSubviewManagerDelegate.java
index 439ead9b8d..5da63c7dcb 100644
--- a/android/src/paper/java/com/facebook/react/viewmanagers/RNSScreenStackHeaderSubviewManagerDelegate.java
+++ b/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);
     }
diff --git a/android/src/paper/java/com/facebook/react/viewmanagers/RNSScreenStackHeaderSubviewManagerInterface.java b/android/src/paper/java/com/facebook/react/viewmanagers/RNSScreenStackHeaderSubviewManagerInterface.java
index dc320ad032..49bf9cadb6 100644
--- a/android/src/paper/java/com/facebook/react/viewmanagers/RNSScreenStackHeaderSubviewManagerInterface.java
+++ b/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);
 }
diff --git a/apps/Example.tsx b/apps/Example.tsx
index 0fd66e7cc6..8ba25dbf2a 100644
--- a/apps/Example.tsx
+++ b/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()) {
diff --git a/apps/src/screens/BarButtonItems.tsx b/apps/src/screens/BarButtonItems.tsx
new file mode 100644
index 0000000000..d3288a04ab
--- /dev/null
+++ b/apps/src/screens/BarButtonItems.tsx
@@ -0,0 +1,488 @@
+// NOTE: The full native feature set (style, image, menu, etc.) is available, but the TS types in src/types.tsx need to be updated to match. This example uses only the currently typed props (title, icon, onPress, enabled).
+import React from 'react';
+import { View, Alert, Button, Text, Platform, TouchableOpacity } from 'react-native';
+import { createNativeStackNavigator } from '@react-navigation/native-stack';
+import { ScrollView } from 'react-native-gesture-handler';
+
+const Stack = createNativeStackNavigator();
+
+const demoScreens = [
+  { name: 'PlainButtonDemo', title: 'Plain Button' },
+  { name: 'IconButtonDemo', title: 'Icon Button' },
+  { name: 'SystemIconButtonDemo', title: 'System Icon Button' },
+  { name: 'MenuButtonDemo', title: 'Menu Button' },
+  { name: 'BadgeButtonDemo', title: 'Badge Button' },
+  { name: 'DisabledButtonDemo', title: 'Disabled Button' },
+  { name: 'CustomColorButtonDemo', title: 'Custom Color Button' },
+  { name: 'ProminentStyleButtonDemo', title: 'Prominent Style Button' },
+  { name: 'LabelStyleButtonDemo', title: 'Label Style Button' },
+  { name: 'IconSharesBgButtonDemo', title: 'Icon SharesBackground' },
+  { name: 'TextButtonWithWidthDemo', title: 'Text Button With Width' },
+  { name: 'IconButtonsWithSpacingDemo', title: 'Icon Buttons With Spacing' },
+  { name: 'HeaderTintColorDemo', title: 'Header Tint Color' },
+  { name: 'DoneStyleButtonDemo', title: 'Done Style Button' },
+  { name: 'AdvancedMenuButtonDemo', title: 'Advanced Menu Button' },
+  { name: 'ReactNodeButtonDemo', title: 'React Node Button' },
+  { name: "BackButtonVisibleDemo", title: "Back Button Visible" },
+  { name: "IdentifierExample", title: "Identifier Example" },
+  { name: "IdentifierExample2", title: "Identifier Example 2" },
+  { name: "ExessiveItemsExample", title: "Exessive Items Example" },
+];
+
+const MainScreen = ({ navigation }: any) => (
+  <ScrollView contentInsetAdjustmentBehavior="automatic" style={{ flex: 1 }}>
+    <View style={{padding: 8}}>
+      <Text style={{fontSize: 16, fontWeight: 'bold', textAlign: 'center'}}>iOS only</Text>
+    </View>
+    {demoScreens.map((screen) => (
+      <Button
+        key={screen.name}
+        onPress={() => navigation.navigate(screen.name)}
+        title={screen.title}
+      />
+    ))}
+  </ScrollView>
+);
+
+const DemoScreenContent = () => (
+  <ScrollView style={{ flex: 1 }} contentInsetAdjustmentBehavior="automatic">
+    <View style={{ width: '100%', height: 200, backgroundColor: 'black' }} />
+    <View style={{ width: '100%', height: 200, backgroundColor: 'grey' }} />
+    <View style={{ width: '100%', height: 1000, backgroundColor: 'white' }} />
+  </ScrollView>
+);
+
+const PlainButtonDemo = DemoScreenContent;
+const IconButtonDemo = DemoScreenContent;
+const MenuButtonDemo = DemoScreenContent;
+const BadgeButtonDemo = DemoScreenContent;
+const DisabledButtonDemo = DemoScreenContent;
+const CustomColorButtonDemo = DemoScreenContent;
+const ProminentStyleButtonDemo = DemoScreenContent;
+const LabelStyleButtonDemo = DemoScreenContent;
+const IconSharesBgButtonDemo = DemoScreenContent;
+const TextButtonWithWidthDemo = DemoScreenContent;
+const IconButtonsWithSpacingDemo = DemoScreenContent;
+const HeaderTintColorDemo = DemoScreenContent;
+const DoneStyleButtonDemo = DemoScreenContent;
+const AdvancedMenuButtonDemo = DemoScreenContent;
+const ReactNodeButtonDemo = DemoScreenContent;
+const BackButtonVisibleDemo = DemoScreenContent;
+const IdentifierExample = DemoScreenContent;
+const IdentifierExample2 = DemoScreenContent;
+const ExessiveItemsExample = DemoScreenContent;
+
+export default function BarButtonItemsExample() {
+  return (
+     
+    // @ts-ignore
+    <Stack.Navigator screenOptions={{ headerTransparent: Platform.OS === 'ios' && parseInt(Platform.Version) >= 26 }}>
+      <Stack.Screen
+        name="Main"
+        component={MainScreen}
+        options={{ title: 'BarButtonItems Demos' }}
+      />
+      <Stack.Screen
+        name="PlainButtonDemo"
+        component={PlainButtonDemo}
+        options={{
+          title: 'Plain Button',
+          headerRightItems: [
+            {
+              label: 'Info',
+              onPress: () => Alert.alert('Info pressed'),
+            },
+          ],
+        }}
+      />
+      <Stack.Screen
+        name="IconButtonDemo"
+        component={IconButtonDemo}
+        options={{
+          title: 'Icon Button',
+          headerRightItems: [
+            {
+              icon: {
+                type: "imageSource", 
+                imageSource: require('../../assets/search_black.png') 
+              },
+              onPress: () => Alert.alert('Icon pressed'),
+            },
+          ],
+        }}
+      />
+      <Stack.Screen
+        name="SystemIconButtonDemo"
+        component={IconButtonDemo}
+        options={{
+          title: 'System image Button',
+          headerRightItems: [
+            {
+              icon: { 
+                type: "sfSymbol", 
+                name: "square.and.arrow.up" 
+              },
+              onPress: () => Alert.alert('Icon pressed'),
+            },
+          ],
+        }}
+      />
+      <Stack.Screen
+        name="MenuButtonDemo"
+        component={MenuButtonDemo}
+        options={{
+          title: 'Menu Button',
+          headerRightItems: [
+            {
+              label: 'Menu',
+              menu: {
+                items: [
+                  {
+                    label: 'Option 1',
+                    type: "action",
+                    onPress: () => Alert.alert('Option 1 pressed'),
+                  },
+                  {
+                    label: 'Option 2',
+                    type: "action",
+                    onPress: () => Alert.alert('Option 2 pressed'),
+                  },
+                ],
+              },
+            },
+          ],
+        }}
+      />
+      <Stack.Screen
+        name="BadgeButtonDemo"
+        component={BadgeButtonDemo}
+        options={{
+          title: 'Badge Button',
+          headerRightItems: [
+            {
+              label: 'Badge',
+              badge: {
+                value: '3',
+                style: {
+                  color: 'white',
+                  backgroundColor: 'red',
+                }
+              },
+              onPress: () => Alert.alert('Badge pressed'),
+            },
+          ],
+        }}
+      />
+      <Stack.Screen
+        name="DisabledButtonDemo"
+        component={DisabledButtonDemo}
+        options={{
+          title: 'Disabled Button',
+          headerRightItems: [
+            {
+              label: 'Disabled',
+              disabled: true,
+              onPress: () => Alert.alert('Should not fire'),
+            },
+          ],
+        }}
+      />
+      <Stack.Screen
+        name="CustomColorButtonDemo"
+        component={CustomColorButtonDemo}
+        options={{
+          title: 'Custom Color Button',
+          headerRightItems: [
+            {
+              label: 'Purple',
+              tintColor: 'purple',
+              onPress: () => Alert.alert('Purple pressed'),
+            },
+          ],
+        }}
+      />
+      <Stack.Screen
+        name="ProminentStyleButtonDemo"
+        component={ProminentStyleButtonDemo}
+        options={{
+          title: 'Prominent Style Button',
+          headerRightItems: [
+            {
+              label: 'Prominent',
+              variant: 'prominent',
+              tintColor: 'green',
+              onPress: () => Alert.alert('Prominent pressed'),
+            },
+          ],
+        }}
+      />
+      <Stack.Screen
+        name="LabelStyleButtonDemo"
+        component={LabelStyleButtonDemo}
+        options={{
+          title: 'Label Style Button',
+          headerRightItems: [
+            {
+              label: 'Styled',
+              labelStyle: {
+                fontFamily: 'Georgia',
+                fontSize: 18,
+                fontWeight: 'bold',
+                color: 'blue',
+              },
+              onPress: () => Alert.alert('Styled pressed'),
+            },
+          ],
+        }}
+      />
+      <Stack.Screen
+        name="IconSharesBgButtonDemo"
+        component={IconSharesBgButtonDemo}
+        options={{
+          title: 'Icon SharesBackground',
+          headerRightItems: [
+            {
+              icon: { type: "imageSource", imageSource: require('../../assets/search_black.png') },
+              onPress: () => Alert.alert('Icon with sharesBackground pressed'),
+              sharesBackground: true,
+            },
+            {
+              icon: { type: "imageSource", imageSource: require('../../assets/search_black.png') },
+              onPress: () => Alert.alert('Icon with sharesBackground pressed'),
+              sharesBackground: true,
+            },
+            {
+              icon: { type: "imageSource", imageSource: require('../../assets/search_black.png') },
+              onPress: () => Alert.alert('Icon with sharesBackground pressed'),
+              sharesBackground: false,
+            },
+            {
+              icon: { type: "imageSource", imageSource: require('../../assets/search_black.png') },
+              hidesSharedBackground: true,
+              onPress: () => Alert.alert('Icon with sharesBackground false pressed'),
+            },
+          ],
+        }}
+      />
+      <Stack.Screen
+        name="TextButtonWithWidthDemo"
+        component={TextButtonWithWidthDemo}
+        options={{
+          title: 'Text Button With Width',
+          headerRightItems: [
+            {
+              label: 'Wide',
+              width: 100,
+              onPress: () => Alert.alert('Wide text button pressed'),
+            },
+          ],
+        }}
+      />
+      <Stack.Screen
+        name="IconButtonsWithSpacingDemo"
+        component={IconButtonsWithSpacingDemo}
+        options={{
+          title: 'Icon Buttons With Spacing',
+          headerRightItems: [
+            {
+              icon: { type: "imageSource", imageSource: require('../../assets/search_black.png') },
+              onPress: () => Alert.alert('First icon pressed'),
+            },
+            {
+              spacing: 100,
+            },
+            {
+              icon: { type: "imageSource", imageSource: require('../../assets/search_white.png') },
+              onPress: () => Alert.alert('Second icon pressed'),
+            },
+          ],
+        }}
+      />
+      <Stack.Screen
+        name="HeaderTintColorDemo"
+        component={HeaderTintColorDemo}
+        options={{
+          title: 'Header Tint Color',
+          headerTintColor: 'red',
+          headerRightItems: [
+            {
+              label: 'Tinted',
+              onPress: () => Alert.alert('Tinted pressed'),
+            },
+            {
+              icon: { type: "imageSource", imageSource: require('../../assets/search_black.png') },
+              onPress: () => Alert.alert('Tinted icon pressed'),
+            },
+          ],
+        }}
+      />
+      <Stack.Screen
+        name="DoneStyleButtonDemo"
+        component={DoneStyleButtonDemo}
+        options={{
+          title: 'Done Style Button',
+          headerRightItems: [
+            {
+              label: 'Done',
+              variant: 'done',
+              onPress: () => Alert.alert('Done text pressed'),
+            },
+            {
+              icon: { type: "imageSource", imageSource: require('../../assets/search_black.png') },
+              variant: 'done',
+              onPress: () => Alert.alert('Done icon pressed'),
+            },
+          ],
+        }}
+      />
+      <Stack.Screen
+        name="AdvancedMenuButtonDemo"
+        component={AdvancedMenuButtonDemo}
+        options={{
+          title: 'Advanced Menu Button',
+          headerRightItems: [
+            {
+              label: 'Menu',
+              menu: {
+                label: 'Context menu',
+                items: [
+                  {
+                    label: 'Action 1',
+                    icon: { type: "sfSymbol", name: 'star' },
+                    type: "action",
+                    state: 'on',
+                    attributes: 'destructive',
+                    discoverabilityLabel: 'Favorite',
+                    onPress: () => Alert.alert('Action 1 pressed'),
+                  },
+                  {
+                    label: 'Action 2',
+                    icon: { type: "sfSymbol", name: 'square.and.arrow.up' },
+                    type: "action",
+                    state: 'off',
+                    attributes: 'disabled',
+                    discoverabilityLabel: 'Disabled Action',
+                    onPress: () => Alert.alert('Action 2 pressed'),
+                  },
+                  {
+                    label: 'Submenu',
+                    icon: { type: "sfSymbol", name: "star" },
+                    type: 'submenu',
+                    items: [
+                      {
+                        label: 'Sub Action 1',
+                        state: 'mixed',
+                        type: 'action',
+                        onPress: () => Alert.alert('Sub Action 1 pressed'),
+                        attributes: 'keepsMenuPresented',
+                        discoverabilityLabel: 'Sub Action 1',
+                      },
+                      {
+                        label: 'Sub Action 2',
+                        type: 'action',
+                        onPress: () => Alert.alert('Sub Action 2 pressed'),
+                      },
+                    ],
+                  },
+                ],
+              },
+            },
+          ],
+        }}
+      />
+      <Stack.Screen name="ReactNodeButtonDemo"
+        component={ReactNodeButtonDemo}
+        options={{
+          title: 'React Node Button',
+          headerBackVisible: true,
+          headerRightItems: [
+            {
+              // eslint-disable-next-line react/no-unstable-nested-components
+              customView: () => <TouchableOpacity onPress={() => Alert.alert('React Node 1 pressed')}>
+                <Text style={{ color: 'blue' }}>React Node 1</Text>
+              </TouchableOpacity>, 
+              hidesSharedBackground: true
+            },
+            {
+              label: "Native",
+              onPress: () => Alert.alert('Native button pressed'),
+              sharesBackground: true,
+            },
+            {
+              // eslint-disable-next-line react/no-unstable-nested-components
+              customView: () => <TouchableOpacity onPress={() => Alert.alert('React Node 2 pressed')}>
+                <Text style={{ color: 'red' }}>React Node 2</Text>
+              </TouchableOpacity>
+            },
+          ],
+        }} />
+      <Stack.Screen name="BackButtonVisibleDemo"
+        component={BackButtonVisibleDemo}
+        options={{
+          title: 'Back Button Visible',
+          headerBackVisible: true,
+          headerLeftItems: [
+            {
+              // eslint-disable-next-line react/no-unstable-nested-components
+              customView: () => <TouchableOpacity onPress={() => Alert.alert('Left React Node')}>
+                <Text style={{ color: 'blue' }}>React Node</Text>
+              </TouchableOpacity>
+            },
+            {
+              label: "Native",
+              onPress: () => Alert.alert('Native button pressed'),
+            },
+          ],
+        }} />
+      <Stack.Screen name="IdentifierExample"
+        component={IdentifierExample}
+        options={({navigation}) => ({
+          title: 'Identifier Example',
+          headerRightItems: [
+            {
+              label: 'Button',
+              onPress: () => {
+                navigation.navigate('IdentifierExample2');
+              },
+              style: "prominent"
+            },
+          ],
+        })} />
+      <Stack.Screen name="IdentifierExample2"
+        component={IdentifierExample2}
+        options={{
+          title: 'Identifier Example 2',
+          headerRightItems: [           
+            {
+              label: 'Btn',
+              onPress: () => Alert.alert('Button 1 pressed'),
+            },
+          ],
+        }} />
+      <Stack.Screen name='ExessiveItemsExample'
+        component={ExessiveItemsExample}
+        options={{
+          title: 'Exessive Items Example',
+          headerRightItems: [
+            {
+              label: "Button 1",
+              onPress: () => Alert.alert('Button 1 pressed'),
+            },
+            {
+              label: "Button 2",
+              onPress: () => Alert.alert('Button 2 pressed'),
+            },
+            {
+              label: "Button 3",
+              onPress: () => Alert.alert('Button 3 pressed'),
+            },
+            {
+              label: "Button 4",
+              onPress: () => Alert.alert('Button 4 pressed'),
+            },
+          ]
+        }} />
+
+    </Stack.Navigator>
+  );
+}
diff --git a/apps/src/tests/Test556.tsx b/apps/src/tests/Test556.tsx
index 25ac688051..046d5653cb 100644
--- a/apps/src/tests/Test556.tsx
+++ b/apps/src/tests/Test556.tsx
@@ -59,7 +59,7 @@ export default function App() {
                 ]}>
                 <Text>Right-2</Text>
               </View>
-            ),
+            ),// Testing that custom view with other button works
           }}
         />
       </Stack.Navigator>
@@ -100,6 +100,37 @@ function Second({ navigation }: ScreenBaseProps) {
           });
         }}
       />
+      <Button 
+        title="Use multiple right items"
+        onPress={() => {
+          navigation.setOptions({
+            headerRightItems: [
+              {
+                customView: () => (
+                  <View
+                    style={[
+                      styles.container,
+                      { backgroundColor: 'mediumvioletred' },
+                    ]}>
+                    <Text>Right-2</Text>
+                  </View>
+                )
+              }, 
+              {
+                customView: () => (
+                  <View
+                    style={[
+                      styles.container,
+                      { backgroundColor: 'red' },
+                    ]}>
+                    <Text>Right-3</Text>
+                  </View>
+                )
+              }
+            ]
+          }) 
+        }} />
+
       <Button
         title="Tap me for first screen"
         onPress={() => navigation.popTo('First')}
diff --git a/guides/GUIDE_FOR_LIBRARY_AUTHORS.md b/guides/GUIDE_FOR_LIBRARY_AUTHORS.md
index 309f4a3d82..abe6411e77 100644
--- a/guides/GUIDE_FOR_LIBRARY_AUTHORS.md
+++ b/guides/GUIDE_FOR_LIBRARY_AUTHORS.md
@@ -454,10 +454,17 @@ The config component is expected to be rendered as a direct child of `<Screen>`.
 
 Along with this component's properties that can be used to customize header behavior, one can also use one of the below component containers to render custom react-native content in different areas of the native header:
 
-- `ScreenStackHeaderCenterView` – the children will render in the center of the native navigation bar.
-- `ScreenStackHeaderRightView` – the children will render on the right-hand side of the navigation bar (or on the left-hand side in case LTR locales are set on the user's device).
-- `ScreenStackHeaderLeftView` – the children will render on the left-hand side of the navigation bar (or on the right-hand side in case LTR locales are set on the user's device).
-- `ScreenStackHeaderSearchBarView` - used for rendering `<SearchBar>` component. It will appear in the bottom of the native navigation bar on iOS and as search icon on Android.
+#### `ScreenStackHeaderCenterView` 
+The children will render in the center of the native navigation bar.
+
+#### `ScreenStackHeaderRightView` / `ScreenStackHeaderLeftView`  
+The children will render on the right-hand or left-hand side of the navigation bar (or on the opposite side in case LTR locales are set on the user's device). Supports these properties:
+
+- `hidesSharedBackground?: boolean` - Hide shared background (iOS 26+). Read more: https://developer.apple.com/documentation/uikit/uibarbuttonitem/hidessharedbackground
+
+#### `ScreenStackHeaderSearchBarView`
+
+Used for rendering `<SearchBar>` component. It will appear in the bottom of the native navigation bar on iOS and as search icon on Android.
 
 To render a search bar use `ScreenStackHeaderSearchBarView` with `<SearchBar>` component provided as a child. `<SearchBar>` component that comes from react-native-screens supports various properties:
 
@@ -550,6 +557,127 @@ Possible options:
 - `generic` – show given system generic or just icon based on available space
 - `minimal` – show just an icon
 
+### `headerLeftBarButtonItems` / `headerRightBarButtonsItems` (iOS only)
+
+An array of objects describing native bar button items to display on the left or right side of the header. Each item can be:
+
+- A button with a title, icon, and action
+- A menu with multiple actions
+- A spacing item to adjust layout
+
+#### The button and menu items support:
+
+`label: string` — Label of the button.
+
+`labelStyle?: { fontFamily?: string; fontSize?: number; fontWeight?: string; color?: ColorValue; }` — Style for the button label.
+
+`icon?: PlatformIconIOS` — Icon for the item.
+
+`variant?: 'plain' | 'done' | 'prominent'` — The variant of the item. 'Prominent' only available for iOS 26+. Read more: https://developer.apple.com/documentation/uikit/uibarbuttonitem/style-swift.property
+
+`tintColor?: ColorValue` — Tint color for the button. Will pick the tint color of the header if not set. Read more: https://developer.apple.com/documentation/uikit/uibarbuttonitem/tintcolor
+
+`disabled?: boolean` — Whether the item is disabled.
+
+`width?: number` — Width of the item (iOS 18-). Read more: https://developer.apple.com/documentation/uikit/uibarbuttonitem/width
+
+`hidesSharedBackground?: boolean` — Hide shared background (iOS 26+). Read more: https://developer.apple.com/documentation/uikit/uibarbuttonitem/hidessharedbackground
+
+`sharesBackground?: boolean` — Share background with other items (iOS 26+). Read more: https://developer.apple.com/documentation/uikit/uibarbuttonitem/sharesbackground
+
+`identifier?: string` — Identifier for matching items across transitions (iOS 26+). Read more: https://developer.apple.com/documentation/uikit/uibarbuttonitem/identifier
+
+`badge: { value: string; color?: ColorValue; backgroundColor?: ColorValue; style?: { fontFamily?: string; fontSize?: number; fontWeight?: string; }; }` - Badge configuration for the button (iOS 26+). Read more: https://developer.apple.com/documentation/uikit/uibarbuttonitembadge
+
+#### The button with an action also supports:
+
+`selected?: boolean` — Whether the button is selected. Read more: https://developer.apple.com/documentation/uikit/uibarbuttonitem/isselected
+
+`changesSelectionAsPrimaryAction?: boolean` — Whether selection changes as a primary action (iOS 15+). Read more: https://developer.apple.com/documentation/uikit/uibarbuttonitem/changesselectionasprimaryaction
+
+#### The button with a menu also support: 
+
+```
+menu?: {
+  label?: string;
+  items: Array<
+    | {
+      label?: string;
+      type: 'action';
+      icon?: PlatformIconIOSSfSymbol;
+      state?: 'on' | 'off' | 'mixed'; // State of the menu item. Read more: https://developer.apple.com/documentation/uikit/uimenuelement/state
+      attributes?: 'destructive' | 'disabled' | 'hidden' | 'keepsMenuPresented'; // Style of the menu item. Read more: https://developer.apple.com/documentation/uikit/uimenuelement/attributes
+      discoverabilityTitle?: string; // Discoverability title of the menu item. Read more: https://developer.apple.com/documentation/uikit/uiaction/discoverabilitytitle
+    } 
+    | {
+      label?: string;
+      type: 'submenu';
+      icon?: PlatformIconIOSSfSymbol;
+      items: menu['items']; // References itself so you can create inifinte deep menus. So either actions or more submenus
+    }
+  >
+}
+```
+
+#### The spacing item supports:
+
+`spacing?: number` — Fixed space between items. The numeric value is only supported on iOS 18-
+
+#### Example configuration:
+
+```typescript
+  <Stack.Screen
+    options={{
+      headerRightItems: [
+        {
+          label: 'Text button',
+          onPress: () => Alert.alert('Text pressed'),
+        },
+        {
+          image: require('../../assets/search_black.png'),
+          onPress: () => Alert.alert('Icon pressed'),
+        },
+        {
+          sfSymbolName: "square.and.arrow.up",
+          onPress: () => Alert.alert('SF symbol pressed'),
+        },
+        {
+          label: 'Menu',
+          menu: {
+            items: [
+              {
+                label: 'Option 1',
+                type: "action",
+                onPress: () => Alert.alert('Option 1 pressed'),
+              },
+              {
+                label: 'Option 2',
+                type: "action",
+                onPress: () => Alert.alert('Option 2 pressed'),
+              },
+            ],
+          },
+        },
+        {
+          label: 'Badge',
+          badge: {
+            value: '3',
+            color: 'white',
+            backgroundColor: 'red',
+          },
+          onPress: () => Alert.alert('Badge pressed'),
+        },
+        {
+          label: 'Prominent',
+          variant: 'prominent',
+          tintColor: 'green',
+          onPress: () => Alert.alert('Prominent pressed'),
+        },
+      ],
+    }}
+  />
+```
+
 ### `hidden`
 
 When set to `true` the header will be hidden while the parent `Screen` is on the top of the stack. The default value is `false`.
diff --git a/ios/RNSBarButtonItem.h b/ios/RNSBarButtonItem.h
new file mode 100644
index 0000000000..394e03a92b
--- /dev/null
+++ b/ios/RNSBarButtonItem.h
@@ -0,0 +1,14 @@
+#import <React/RCTImageLoader.h>
+#import <UIKit/UIKit.h>
+
+typedef void (^RNSBarButtonItemAction)(NSString *buttonId);
+typedef void (^RNSBarButtonMenuItemAction)(NSString *menuId);
+
+@interface RNSBarButtonItem : UIBarButtonItem
+
+- (instancetype)initWithConfig:(NSDictionary<NSString *, id> *)dict
+                        action:(RNSBarButtonItemAction)action
+                    menuAction:(RNSBarButtonMenuItemAction)menuAction
+                   imageLoader:(RCTImageLoader *)imageLoader;
+
+@end
diff --git a/ios/RNSBarButtonItem.mm b/ios/RNSBarButtonItem.mm
new file mode 100644
index 0000000000..8a0d617f91
--- /dev/null
+++ b/ios/RNSBarButtonItem.mm
@@ -0,0 +1,309 @@
+#import "RNSBarButtonItem.h"
+#import <React/RCTConvert.h>
+#import <React/RCTFont.h>
+#import <React/RCTImageSource.h>
+#import <objc/runtime.h>
+#import "RNSDefines.h"
+
+@implementation RNSBarButtonItem {
+  NSString *_buttonId;
+  RNSBarButtonItemAction _itemAction;
+}
+
+- (instancetype)initWithConfig:(NSDictionary<NSString *, id> *)dict
+                        action:(RNSBarButtonItemAction)action
+                    menuAction:(RNSBarButtonMenuItemAction)menuAction
+                   imageLoader:(RCTImageLoader *)imageLoader
+{
+  self = [super init];
+  if (!self) {
+    return self;
+  }
+
+  self.title = dict[@"label"];
+
+  NSDictionary *imageSourceObj = dict[@"imageSource"];
+  if (imageSourceObj) {
+    RCTImageSource *imageSource = [RCTConvert RCTImageSource:imageSourceObj];
+    [imageLoader loadImageWithURLRequest:imageSource.request
+                                callback:^(NSError *_Nullable error, UIImage *_Nullable image) {
+                                  dispatch_async(dispatch_get_main_queue(), ^{
+                                    self.image = image;
+                                  });
+                                }];
+  }
+  NSString *sfSymbolName = dict[@"sfSymbolName"];
+  if (sfSymbolName) {
+    self.image = [UIImage systemImageNamed:sfSymbolName];
+  }
+
+  NSDictionary *labelStyle = dict[@"labelStyle"];
+  if (labelStyle) {
+    [self setLabelStyleFromConfig:labelStyle];
+  }
+
+  id tintColorObj = dict[@"tintColor"];
+  if (tintColorObj) {
+    self.tintColor = [RCTConvert UIColor:tintColorObj];
+  }
+
+#if !TARGET_OS_TV
+  NSNumber *selectedNum = dict[@"selected"];
+  if (selectedNum != nil) {
+    self.selected = [selectedNum boolValue];
+  }
+#endif
+
+  NSNumber *disabledNum = dict[@"disabled"];
+  if (disabledNum != nil) {
+    self.enabled = ![disabledNum boolValue];
+  }
+
+  NSNumber *width = dict[@"width"];
+  if (width) {
+    self.width = [width doubleValue];
+  }
+
+#if !TARGET_OS_TV || __TV_OS_VERSION_MAX_ALLOWED >= 170000
+  if (@available(tvOS 17.0, *)) {
+    NSNumber *changesSelectionAsPrimaryActionNum = dict[@"changesSelectionAsPrimaryAction"];
+    if (changesSelectionAsPrimaryActionNum != nil) {
+      self.changesSelectionAsPrimaryAction = [changesSelectionAsPrimaryActionNum boolValue];
+    }
+  }
+#endif
+
+#if RNS_IPHONE_OS_VERSION_AVAILABLE(26_0)
+  if (@available(iOS 26.0, *)) {
+    NSNumber *hidesSharedBackgroundNum = dict[@"hidesSharedBackground"];
+    if (hidesSharedBackgroundNum != nil) {
+      self.hidesSharedBackground = [hidesSharedBackgroundNum boolValue];
+    }
+    NSNumber *sharesBackgroundNum = dict[@"sharesBackground"];
+    if (sharesBackgroundNum != nil) {
+      self.sharesBackground = [sharesBackgroundNum boolValue];
+    }
+    NSString *identifier = dict[@"identifier"];
+    if (identifier != nil) {
+      self.identifier = identifier;
+    }
+    NSDictionary *badgeConfig = dict[@"badge"];
+    if (badgeConfig != nil) {
+      [self setBadgeFromConfig:badgeConfig];
+    }
+  }
+#endif
+
+  NSString *variant = dict[@"variant"];
+  if (variant) {
+    if ([variant isEqualToString:@"done"]) {
+      self.style = UIBarButtonItemStyleDone;
+    } else if ([variant isEqualToString:@"prominent"]) {
+#if RNS_IPHONE_OS_VERSION_AVAILABLE(26_0)
+      if (@available(iOS 26.0, *)) {
+        self.style = UIBarButtonItemStyleProminent;
+      }
+#endif
+    } else {
+      self.style = UIBarButtonItemStylePlain;
+    }
+  }
+
+  if (dict[@"accessibilityLabel"]) {
+    self.accessibilityLabel = dict[@"accessibilityLabel"];
+  }
+  if (dict[@"accessibilityHint"]) {
+    self.accessibilityHint = dict[@"accessibilityHint"];
+  }
+
+#if !TARGET_OS_TV || __TV_OS_VERSION_MAX_ALLOWED >= 170000
+  if (@available(tvOS 17.0, *)) {
+    NSDictionary *menu = dict[@"menu"];
+    if (menu) {
+      self.menu = [[self class] initUIMenuWithDict:menu menuAction:menuAction];
+    }
+  }
+#endif
+
+  NSString *buttonId = dict[@"buttonId"];
+  if (buttonId && action) {
+    self.target = self;
+    self.action = @selector(handleBarButtonItemPress:);
+    _itemAction = action;
+    _buttonId = buttonId;
+  }
+  return self;
+}
+
++ (UIMenu *)initUIMenuWithDict:(NSDictionary<NSString *, id> *)dict menuAction:(RNSBarButtonMenuItemAction)menuAction
+{
+  NSArray *items = dict[@"items"];
+  NSMutableArray<UIMenuElement *> *elements = [NSMutableArray new];
+  if (items.count > 0) {
+    for (NSDictionary *item in items) {
+      NSString *menuId = item[@"menuId"];
+      if (menuId) {
+        UIAction *actionItem = [self createActionItemFromConfig:item menuAction:menuAction];
+        [elements addObject:actionItem];
+      } else {
+        UIMenu *childMenu = [self initUIMenuWithDict:item menuAction:menuAction];
+        if (childMenu) {
+          [elements addObject:childMenu];
+        }
+      }
+    }
+  }
+  NSString *label = dict[@"label"];
+  NSString *sfSymbolName = dict[@"sfSymbolName"];
+  return [UIMenu menuWithTitle:label
+                         image:sfSymbolName ? [UIImage systemImageNamed:sfSymbolName] : nil
+                    identifier:nil
+                       options:0
+                      children:elements];
+}
+
++ (UIAction *)createActionItemFromConfig:(NSDictionary *)dict menuAction:(RNSBarButtonMenuItemAction)menuAction
+{
+  NSString *menuId = dict[@"menuId"];
+  NSString *label = dict[@"label"];
+  NSString *sfSymbolName = dict[@"sfSymbolName"];
+  UIAction *actionElement = [UIAction actionWithTitle:label
+                                                image:sfSymbolName ? [UIImage systemImageNamed:sfSymbolName] : nil
+                                           identifier:nil
+                                              handler:^(__kindof UIAction *_Nonnull a) {
+                                                menuAction(menuId);
+                                              }];
+
+  NSString *discoverabilityLabel = dict[@"discoverabilityLabel"];
+  if (discoverabilityLabel != nil) {
+    actionElement.discoverabilityTitle = discoverabilityLabel;
+  }
+
+  NSString *state = dict[@"state"];
+  if ([state isEqualToString:@"on"]) {
+    actionElement.state = UIMenuElementStateOn;
+  } else if ([state isEqualToString:@"off"]) {
+    actionElement.state = UIMenuElementStateOff;
+  } else if ([state isEqualToString:@"mixed"]) {
+    actionElement.state = UIMenuElementStateMixed;
+  }
+
+  NSString *attributes = dict[@"attributes"];
+  if ([attributes isEqualToString:@"destructive"]) {
+    actionElement.attributes = UIMenuElementAttributesDestructive;
+  } else if ([attributes isEqualToString:@"disabled"]) {
+    actionElement.attributes = UIMenuElementAttributesDisabled;
+  } else if ([attributes isEqualToString:@"hidden"]) {
+    actionElement.attributes = UIMenuElementAttributesHidden;
+  } else if ([attributes isEqualToString:@"keepsMenuPresented"]) {
+#if RNS_IPHONE_OS_VERSION_AVAILABLE(16_0)
+    if (@available(iOS 16.0, *)) {
+      actionElement.attributes = UIMenuElementAttributesKeepsMenuPresented;
+    }
+#endif
+#if TARGET_OS_TV && __TV_OS_VERSION_MAX_ALLOWED >= 160000
+    if (@available(tvOS 16.0, *)) {
+      actionElement.attributes = UIMenuElementAttributesKeepsMenuPresented;
+    }
+#endif
+  }
+  return actionElement;
+}
+
+- (void)handleBarButtonItemPress:(UIBarButtonItem *)item
+{
+  if (_itemAction && _buttonId) {
+    _itemAction(_buttonId);
+  }
+}
+
+- (void)setLabelStyleFromConfig:(NSDictionary *)labelStyle
+{
+  NSString *fontFamily = labelStyle[@"fontFamily"];
+  NSNumber *fontSize = labelStyle[@"fontSize"];
+  NSString *fontWeight = labelStyle[@"fontWeight"];
+  NSMutableDictionary *attrs = [NSMutableDictionary new];
+  if (fontFamily || fontWeight) {
+    NSNumber *resolvedFontSize = fontSize;
+    if (!resolvedFontSize) {
+#if TARGET_OS_TV
+      resolvedFontSize = [NSNumber numberWithDouble:17.0];
+#else
+      resolvedFontSize = [NSNumber numberWithFloat:[UIFont labelFontSize]];
+#endif
+    }
+
+    attrs[NSFontAttributeName] = [RCTFont updateFont:nil
+                                          withFamily:fontFamily
+                                                size:resolvedFontSize
+                                              weight:fontWeight
+                                               style:nil
+                                             variant:nil
+                                     scaleMultiplier:1.0];
+  } else {
+    CGFloat resolvedFontSize = fontSize ? [fontSize floatValue] : 0;
+    if (resolvedFontSize == 0) {
+#if TARGET_OS_TV
+      resolvedFontSize = 17.0;
+#else
+      resolvedFontSize = [UIFont labelFontSize];
+#endif
+    }
+
+    attrs[NSFontAttributeName] = [UIFont systemFontOfSize:resolvedFontSize];
+  }
+  id labelColor = labelStyle[@"color"];
+  if (labelColor) {
+    attrs[NSForegroundColorAttributeName] = [RCTConvert UIColor:labelColor];
+  }
+  [self setTitleTextAttributes:attrs forState:UIControlStateNormal];
+  [self setTitleTextAttributes:attrs forState:UIControlStateHighlighted];
+  [self setTitleTextAttributes:attrs forState:UIControlStateDisabled];
+  [self setTitleTextAttributes:attrs forState:UIControlStateSelected];
+  [self setTitleTextAttributes:attrs forState:UIControlStateFocused];
+}
+
+#if RNS_IPHONE_OS_VERSION_AVAILABLE(26_0)
+- (void)setBadgeFromConfig:(NSDictionary *)badgeObj
+{
+  if (@available(iOS 26.0, *)) {
+    UIBarButtonItemBadge *badge = [UIBarButtonItemBadge badgeWithString:badgeObj[@"value"]];
+    NSDictionary *style = badgeObj[@"style"];
+    if (style) {
+      id colorObj = style[@"color"];
+      if (colorObj) {
+        badge.foregroundColor = [RCTConvert UIColor:colorObj];
+      }
+      id backgroundColorObj = style[@"backgroundColor"];
+      if (backgroundColorObj) {
+        badge.backgroundColor = [RCTConvert UIColor:backgroundColorObj];
+      }
+      NSString *fontFamily = style[@"fontFamily"];
+      NSNumber *fontSize = style[@"fontSize"];
+      NSString *fontWeight = style[@"fontWeight"];
+      if (fontSize || fontWeight) {
+        badge.font = [RCTFont updateFont:nil
+                              withFamily:fontFamily
+                                    size:fontSize
+                                  weight:fontWeight
+                                   style:nil
+                                 variant:nil
+                         scaleMultiplier:1.0];
+      } else {
+        CGFloat resolvedFontSize = fontSize ? [fontSize floatValue] : 0;
+        if (resolvedFontSize == 0) {
+#if TARGET_OS_TV
+          resolvedFontSize = 17.0;
+#else
+          resolvedFontSize = [UIFont labelFontSize];
+#endif
+        }
+        badge.font = [UIFont systemFontOfSize:resolvedFontSize];
+      }
+    }
+    self.badge = badge;
+  }
+}
+#endif
+
+@end
diff --git a/ios/RNSConvert.h b/ios/RNSConvert.h
index 6be86d6f1f..d76be1b71f 100644
--- a/ios/RNSConvert.h
+++ b/ios/RNSConvert.h
@@ -61,6 +61,7 @@ namespace react = facebook::react;
     (react::RNSScreenRightScrollEdgeEffect)edgeEffect;
 + (RNSScrollEdgeEffect)RNSScrollEdgeEffectFromScreenTopScrollEdgeEffectCppEquivalent:
     (react::RNSScreenTopScrollEdgeEffect)edgeEffect;
++ (id)idFromFollyDynamic:(const folly::dynamic &)dyn;
 
 #endif // RCT_NEW_ARCH_ENABLED
 
diff --git a/ios/RNSConvert.mm b/ios/RNSConvert.mm
index 92b431ddff..3ee89f6a64 100644
--- a/ios/RNSConvert.mm
+++ b/ios/RNSConvert.mm
@@ -327,6 +327,34 @@ + (RNSBlurEffectStyle)RNSBlurEffectStyleFromCppEquivalent:(react::RNSScreenStack
   }
 }
 
++ (id)idFromFollyDynamic:(const folly::dynamic &)dyn
+{
+  if (dyn.isNull()) {
+    return nil;
+  } else if (dyn.isBool()) {
+    return [NSNumber numberWithBool:dyn.getBool()];
+  } else if (dyn.isInt()) {
+    return [NSNumber numberWithLongLong:dyn.getInt()];
+  } else if (dyn.isDouble()) {
+    return [NSNumber numberWithDouble:dyn.getDouble()];
+  } else if (dyn.isString()) {
+    return [NSString stringWithUTF8String:dyn.getString().c_str()];
+  } else if (dyn.isArray()) {
+    NSMutableArray *array = [NSMutableArray arrayWithCapacity:dyn.size()];
+    for (const auto &item : dyn) {
+      [array addObject:[self idFromFollyDynamic:item]];
+    }
+    return array;
+  } else if (dyn.isObject()) {
+    NSMutableDictionary *dict = [NSMutableDictionary dictionaryWithCapacity:dyn.size()];
+    for (const auto &pair : dyn.items()) {
+      dict[@(pair.first.c_str())] = [self idFromFollyDynamic:pair.second];
+    }
+    return dict;
+  }
+  return nil;
+}
+
 #endif // RCT_NEW_ARCH_ENABLED
 
 + (UIBlurEffectStyle)tryConvertRNSBlurEffectStyleToUIBlurEffectStyle:(RNSBlurEffectStyle)blurEffect
diff --git a/ios/RNSScreenStackHeaderConfig.h b/ios/RNSScreenStackHeaderConfig.h
index 12d0c76934..dfd617b841 100644
--- a/ios/RNSScreenStackHeaderConfig.h
+++ b/ios/RNSScreenStackHeaderConfig.h
@@ -59,6 +59,12 @@ NS_ASSUME_NONNULL_BEGIN
 @property (nonatomic) UISemanticContentAttribute direction;
 @property (nonatomic) UINavigationItemBackButtonDisplayMode backButtonDisplayMode;
 @property (nonatomic) RNSBlurEffectStyle blurEffect;
+@property (nonatomic, copy, nullable) NSArray<NSDictionary<NSString *, id> *> *headerRightBarButtonItems;
+@property (nonatomic, copy, nullable) NSArray<NSDictionary<NSString *, id> *> *headerLeftBarButtonItems;
+#if !RCT_NEW_ARCH_ENABLED
+@property (nonatomic) RCTDirectEventBlock onPressHeaderBarButtonItem;
+@property (nonatomic) RCTDirectEventBlock onPressHeaderBarButtonMenuItem;
+#endif
 
 NS_ASSUME_NONNULL_END
 
diff --git a/ios/RNSScreenStackHeaderConfig.mm b/ios/RNSScreenStackHeaderConfig.mm
index b01f97c04b..cfe3941be0 100644
--- a/ios/RNSScreenStackHeaderConfig.mm
+++ b/ios/RNSScreenStackHeaderConfig.mm
@@ -4,6 +4,7 @@
 #import <React/RCTImageComponentView.h>
 #import <React/RCTMountingTransactionObserving.h>
 #import <React/UIView+React.h>
+#import <ReactCommon/TurboModuleUtils.h>
 #import <react/renderer/components/image/ImageProps.h>
 #import <react/renderer/components/rnscreens/ComponentDescriptors.h>
 #import <react/renderer/components/rnscreens/EventEmitters.h>
@@ -27,6 +28,7 @@
 #import <React/RCTImageLoader.h>
 #import <React/RCTImageSource.h>
 #import "RNSBackBarButtonItem.h"
+#import "RNSBarButtonItem.h"
 #import "RNSConvert.h"
 #import "RNSDefines.h"
 #import "RNSScreen.h"
@@ -617,10 +619,11 @@ + (void)updateViewController:(UIViewController *)vc
   navitem.scrollEdgeAppearance = scrollEdgeAppearance;
 #if !TARGET_OS_TV
   navitem.hidesBackButton = config.hideBackButton;
+  navitem.leftItemsSupplementBackButton = config.backButtonInCustomView;
 #endif
-  navitem.leftBarButtonItem = nil;
-  navitem.rightBarButtonItem = nil;
   navitem.titleView = nil;
+  navitem.leftBarButtonItems = nil;
+  navitem.rightBarButtonItems = nil;
 
 #if !TARGET_OS_TV
   // We want to set navitem.searchController to nil only if we are sure
@@ -633,16 +636,17 @@ + (void)updateViewController:(UIViewController *)vc
     // `- [RNSScreenStackHeaderConfig replaceNavigationBarViewsWithSnapshotOfSubview:]` method.
     switch (subview.type) {
       case RNSScreenStackHeaderSubviewTypeLeft: {
-#if !TARGET_OS_TV
-        navitem.leftItemsSupplementBackButton = config.backButtonInCustomView;
-#endif
-        UIBarButtonItem *buttonItem = [[UIBarButtonItem alloc] initWithCustomView:subview];
-        navitem.leftBarButtonItem = buttonItem;
+        NSArray<UIBarButtonItem *> *currentItems = navitem.leftBarButtonItems ?: @[];
+        NSMutableArray<UIBarButtonItem *> *mutableItems = [currentItems mutableCopy];
+        [mutableItems addObject:[subview getUIBarButtonItem]];
+        navitem.leftBarButtonItems = mutableItems;
         break;
       }
       case RNSScreenStackHeaderSubviewTypeRight: {
-        UIBarButtonItem *buttonItem = [[UIBarButtonItem alloc] initWithCustomView:subview];
-        navitem.rightBarButtonItem = buttonItem;
+        NSArray<UIBarButtonItem *> *currentItems = navitem.rightBarButtonItems ?: @[];
+        NSMutableArray<UIBarButtonItem *> *mutableItems = [currentItems mutableCopy];
+        [mutableItems addObject:[subview getUIBarButtonItem]];
+        navitem.rightBarButtonItems = mutableItems;
         break;
       }
       case RNSScreenStackHeaderSubviewTypeCenter:
@@ -707,6 +711,10 @@ + (void)updateViewController:(UIViewController *)vc
   // This assignment should be done after `navitem.titleView = ...` assignment (iOS 16.0 bug).
   // See: https://github.com/software-mansion/react-native-screens/issues/1570 (comments)
   navitem.title = config.title;
+  navitem.leftBarButtonItems = [config barButtonItemsFromConfigs:config.headerLeftBarButtonItems
+                                                withCurrentItems:navitem.leftBarButtonItems];
+  navitem.rightBarButtonItems = [config barButtonItemsFromConfigs:config.headerRightBarButtonItems
+                                                 withCurrentItems:navitem.rightBarButtonItems];
 
   if (animated && vc.transitionCoordinator != nil &&
       vc.transitionCoordinator.presentationStyle == UIModalPresentationNone && !wasHidden) {
@@ -832,6 +840,76 @@ - (void)applySemanticContentAttributeIfNeededToNavCtrl:(UINavigationController *
   }
 }
 
+- (NSArray<UIBarButtonItem *> *)barButtonItemsFromConfigs:(NSArray<NSDictionary<NSString *, id> *> *)dicts
+                                         withCurrentItems:(NSArray<UIBarButtonItem *> *)currentItems
+{
+  if (dicts.count == 0) {
+    return currentItems;
+  }
+  NSMutableArray<UIBarButtonItem *> *items = [NSMutableArray arrayWithCapacity:currentItems.count + dicts.count];
+  [items addObjectsFromArray:currentItems];
+  for (NSUInteger i = 0; i < dicts.count; i++) {
+    NSDictionary *dict = dicts[i];
+    if (dict[@"buttonId"] || dict[@"menu"]) {
+      RNSBarButtonItem *item = [[RNSBarButtonItem alloc] initWithConfig:dict
+          action:^(NSString *buttonId) {
+#if RCT_NEW_ARCH_ENABLED
+            auto eventEmitter = std::static_pointer_cast<const facebook::react::RNSScreenStackHeaderConfigEventEmitter>(
+                self->_eventEmitter);
+            if (eventEmitter && buttonId) {
+              eventEmitter->onPressHeaderBarButtonItem(
+                  facebook::react::RNSScreenStackHeaderConfigEventEmitter::OnPressHeaderBarButtonItem{
+                      .buttonId = std::string([buttonId UTF8String])});
+            }
+#else
+            if (self.onPressHeaderBarButtonItem && buttonId) {
+              self.onPressHeaderBarButtonItem(@{@"buttonId" : buttonId});
+            }
+#endif
+          }
+          menuAction:^(NSString *menuId) {
+#if RCT_NEW_ARCH_ENABLED
+            auto eventEmitter = std::static_pointer_cast<const facebook::react::RNSScreenStackHeaderConfigEventEmitter>(
+                self->_eventEmitter);
+            if (eventEmitter && menuId) {
+              eventEmitter->onPressHeaderBarButtonMenuItem(
+                  facebook::react::RNSScreenStackHeaderConfigEventEmitter::OnPressHeaderBarButtonMenuItem{
+                      .menuId = std::string([menuId UTF8String])});
+            }
+#else
+            if (self.onPressHeaderBarButtonMenuItem && menuId) {
+              self.onPressHeaderBarButtonMenuItem(@{@"menuId" : menuId});
+            }
+#endif
+          }
+#if RCT_NEW_ARCH_ENABLED
+          imageLoader:imageLoader];
+#else
+          imageLoader:_bridge.imageLoader];
+#endif
+      NSNumber *index = dict[@"index"];
+      if (index.integerValue < items.count) {
+        [items insertObject:item atIndex:index.integerValue];
+      } else {
+        [items addObject:item];
+      }
+    } else if (dict[@"spacing"]) {
+      UIBarButtonItem *item = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFixedSpace
+                                                                            target:nil
+                                                                            action:nil];
+      NSNumber *spacingValue = dict[@"spacing"];
+      item.width = [spacingValue doubleValue];
+      NSNumber *index = dict[@"index"];
+      if (index.integerValue < items.count) {
+        [items insertObject:item atIndex:index.integerValue];
+      } else {
+        [items addObject:item];
+      }
+    }
+  }
+  return items;
+}
+
 RNS_IGNORE_SUPER_CALL_BEGIN
 - (void)insertReactSubview:(RNSScreenStackHeaderSubview *)subview atIndex:(NSInteger)atIndex
 {
@@ -916,16 +994,26 @@ - (void)replaceNavigationBarViewsWithSnapshotOfSubview:(RNSScreenStackHeaderSubv
     // This code should be kept in sync with analogous switch statement in
     // `+ [RNSScreenStackHeaderConfig updateViewController: withConfig: animated:]` method.
     switch (childComponentView.type) {
-      case RNSScreenStackHeaderSubviewTypeLeft:
-        navitem.leftBarButtonItem.customView = snapshot;
+      case RNSScreenStackHeaderSubviewTypeLeft: {
+        for (UIBarButtonItem *item in navitem.leftBarButtonItems) {
+          if (item.customView == childComponentView) {
+            item.customView = snapshot;
+          }
+        }
         break;
+      }
       case RNSScreenStackHeaderSubviewTypeCenter:
       case RNSScreenStackHeaderSubviewTypeTitle:
         navitem.titleView = snapshot;
         break;
-      case RNSScreenStackHeaderSubviewTypeRight:
-        navitem.rightBarButtonItem.customView = snapshot;
+      case RNSScreenStackHeaderSubviewTypeRight: {
+        for (UIBarButtonItem *item in navitem.rightBarButtonItems) {
+          if (item.customView == childComponentView) {
+            item.customView = snapshot;
+          }
+        }
         break;
+      }
       case RNSScreenStackHeaderSubviewTypeSearchBar:
       case RNSScreenStackHeaderSubviewTypeBackButton:
         break;
@@ -1062,6 +1150,30 @@ - (void)updateProps:(react::Props::Shared const &)props oldProps:(react::Props::
     _blurEffect = [RNSConvert RNSBlurEffectStyleFromCppEquivalent:newScreenProps.blurEffect];
   }
 
+  if (newScreenProps.headerLeftBarButtonItems != oldScreenProps.headerLeftBarButtonItems) {
+    const auto &vec = newScreenProps.headerLeftBarButtonItems;
+    NSMutableArray<NSDictionary<NSString *, id> *> *array = [NSMutableArray arrayWithCapacity:vec.size()];
+    for (const auto &item : vec) {
+      NSDictionary *dict = [RNSConvert idFromFollyDynamic:item];
+      if ([dict isKindOfClass:[NSDictionary class]]) {
+        [array addObject:dict];
+      }
+    }
+    _headerLeftBarButtonItems = array;
+  }
+
+  if (newScreenProps.headerRightBarButtonItems != oldScreenProps.headerRightBarButtonItems) {
+    const auto &vec = newScreenProps.headerRightBarButtonItems;
+    NSMutableArray<NSDictionary<NSString *, id> *> *array = [NSMutableArray arrayWithCapacity:vec.size()];
+    for (const auto &item : vec) {
+      NSDictionary *dict = [RNSConvert idFromFollyDynamic:item];
+      if ([dict isKindOfClass:[NSDictionary class]]) {
+        [array addObject:dict];
+      }
+    }
+    _headerRightBarButtonItems = array;
+  }
+
   [self updateViewControllerIfNeeded];
 
   if (needsNavigationControllerLayout) {
@@ -1115,6 +1227,7 @@ + (RCTImageSource *)imageSourceFromImageView:(RCTImageView *)view
 }
 
 #endif
+
 @end
 
 #ifdef RCT_NEW_ARCH_ENABLED
@@ -1170,6 +1283,10 @@ - (RCTShadowView *)shadowView
 RCT_EXPORT_VIEW_PROPERTY(backButtonDisplayMode, UINavigationItemBackButtonDisplayMode)
 RCT_REMAP_VIEW_PROPERTY(hidden, hide, BOOL) // `hidden` is an UIView property, we need to use different name internally
 RCT_EXPORT_VIEW_PROPERTY(translucent, BOOL)
+RCT_EXPORT_VIEW_PROPERTY(headerLeftBarButtonItems, NSArray)
+RCT_EXPORT_VIEW_PROPERTY(headerRightBarButtonItems, NSArray)
+RCT_EXPORT_VIEW_PROPERTY(onPressHeaderBarButtonItem, RCTDirectEventBlock);
+RCT_EXPORT_VIEW_PROPERTY(onPressHeaderBarButtonMenuItem, RCTDirectEventBlock);
 
 @end
 
diff --git a/ios/RNSScreenStackHeaderSubview.h b/ios/RNSScreenStackHeaderSubview.h
index d959c25147..e675a30069 100644
--- a/ios/RNSScreenStackHeaderSubview.h
+++ b/ios/RNSScreenStackHeaderSubview.h
@@ -47,6 +47,8 @@ NS_ASSUME_NONNULL_BEGIN
 - (void)updateShadowStateInContextOfAncestorView:(nullable UIView *)ancestorView withFrame:(CGRect)frame;
 #endif
 
+- (UIBarButtonItem *)getUIBarButtonItem;
+
 @end
 
 @interface RNSScreenStackHeaderSubviewManager : RCTViewManager
diff --git a/ios/RNSScreenStackHeaderSubview.mm b/ios/RNSScreenStackHeaderSubview.mm
index b4e3c15d85..24e2bb91f1 100644
--- a/ios/RNSScreenStackHeaderSubview.mm
+++ b/ios/RNSScreenStackHeaderSubview.mm
@@ -23,6 +23,8 @@ @implementation RNSScreenStackHeaderSubview {
   react::RNSScreenStackHeaderSubviewShadowNode::ConcreteState::Shared _state;
   CGRect _lastScheduledFrame;
 #endif
+  UIBarButtonItem *_barButtonItem;
+  BOOL _hidesSharedBackground;
 }
 
 #pragma mark - Common
@@ -135,6 +137,7 @@ - (void)updateProps:(react::Props::Shared const &)props oldProps:(react::Props::
   const auto &newHeaderSubviewProps = *std::static_pointer_cast<const react::RNSScreenStackHeaderSubviewProps>(props);
 
   [self setType:[RNSConvert RNSScreenStackHeaderSubviewTypeFromCppEquivalent:newHeaderSubviewProps.type]];
+  [self setHidesSharedBackground:newHeaderSubviewProps.hidesSharedBackground];
   [super updateProps:props oldProps:oldProps];
 }
 
@@ -190,6 +193,34 @@ - (void)reactSetFrame:(CGRect)frame
 }
 #endif // RCT_NEW_ARCH_ENABLED
 
+#pragma mark - UIBarButtonItem specific
+
+- (UIBarButtonItem *)getUIBarButtonItem
+{
+  if (_barButtonItem == nil) {
+    _barButtonItem = [[UIBarButtonItem alloc] initWithCustomView:self];
+    [self configureBarButtonItem];
+  }
+  return _barButtonItem;
+}
+
+- (void)configureBarButtonItem
+{
+#if RNS_IPHONE_OS_VERSION_AVAILABLE(26_0)
+  if (@available(iOS 26.0, *)) {
+    if (_barButtonItem != nil) {
+      [_barButtonItem setHidesSharedBackground:_hidesSharedBackground];
+    }
+  }
+#endif
+}
+
+- (void)setHidesSharedBackground:(BOOL)hidesSharedBackground
+{
+  _hidesSharedBackground = hidesSharedBackground;
+  [self configureBarButtonItem];
+}
+
 @end
 
 @implementation RNSScreenStackHeaderSubviewManager
@@ -197,6 +228,7 @@ @implementation RNSScreenStackHeaderSubviewManager
 RCT_EXPORT_MODULE()
 
 RCT_EXPORT_VIEW_PROPERTY(type, RNSScreenStackHeaderSubviewType)
+RCT_EXPORT_VIEW_PROPERTY(hidesSharedBackground, BOOL)
 
 #ifdef RCT_NEW_ARCH_ENABLED
 #else
diff --git a/react-navigation b/react-navigation
index 38a2a320b0..3278be1d36 160000
--- a/react-navigation
+++ b/react-navigation
@@ -1 +1 @@
-Subproject commit 38a2a320b0a4b5514152f8e31d7ef480cae94d67
+Subproject commit 3278be1d36371162210bf6d2ae94745332abbd23
diff --git a/src/components/ScreenStackHeaderConfig.tsx b/src/components/ScreenStackHeaderConfig.tsx
index 264d0c5157..6671c7053d 100644
--- a/src/components/ScreenStackHeaderConfig.tsx
+++ b/src/components/ScreenStackHeaderConfig.tsx
@@ -1,10 +1,16 @@
 'use client';
 
 import React from 'react';
-import { ScreenStackHeaderConfigProps } from '../types';
+import {
+  HeaderBarButtonItemMenuAction,
+  HeaderBarButtonItemWithMenu,
+  ScreenStackHeaderConfigProps,
+  ScreenStackHeaderSubviewProps,
+} from '../types';
 import {
   Image,
   ImageProps,
+  NativeSyntheticEvent,
   Platform,
   StyleSheet,
   View,
@@ -16,6 +22,8 @@ import ScreenStackHeaderConfigNativeComponent from '../fabric/ScreenStackHeaderC
 import ScreenStackHeaderSubviewNativeComponent, {
   type NativeProps as ScreenStackHeaderSubviewNativeProps,
 } from '../fabric/ScreenStackHeaderSubviewNativeComponent';
+import { prepareHeaderBarButtonItems } from './helpers/prepareHeaderBarButtonItems';
+import { isHeaderBarButtonsAvailableForCurrentPlatform } from '../utils';
 
 export const ScreenStackHeaderSubview: React.ComponentType<ScreenStackHeaderSubviewNativeProps> =
   ScreenStackHeaderSubviewNativeComponent;
@@ -23,14 +31,92 @@ export const ScreenStackHeaderSubview: React.ComponentType<ScreenStackHeaderSubv
 export const ScreenStackHeaderConfig = React.forwardRef<
   View,
   ScreenStackHeaderConfigProps
->((props, ref) => (
-  <ScreenStackHeaderConfigNativeComponent
-    {...props}
-    ref={ref}
-    style={styles.headerConfig}
-    pointerEvents="box-none"
-  />
-));
+>((props, ref) => {
+  const { headerLeftBarButtonItems, headerRightBarButtonItems } = props;
+
+  const preparedHeaderLeftBarButtonItems =
+    headerLeftBarButtonItems && isHeaderBarButtonsAvailableForCurrentPlatform
+      ? prepareHeaderBarButtonItems(headerLeftBarButtonItems, 'left')
+      : undefined;
+  const preparedHeaderRightBarButtonItems =
+    headerRightBarButtonItems && isHeaderBarButtonsAvailableForCurrentPlatform
+      ? prepareHeaderBarButtonItems(headerRightBarButtonItems, 'right')
+      : undefined;
+  const hasHeaderBarButtonItems =
+    isHeaderBarButtonsAvailableForCurrentPlatform &&
+    (preparedHeaderLeftBarButtonItems?.length ||
+      preparedHeaderRightBarButtonItems?.length);
+
+  // Handle bar button item presses
+  const onPressHeaderBarButtonItem = hasHeaderBarButtonItems
+    ? (event: NativeSyntheticEvent<{ buttonId: string }>) => {
+        const pressedItem = [
+          ...(preparedHeaderLeftBarButtonItems ?? []),
+          ...(preparedHeaderRightBarButtonItems ?? []),
+        ].find(
+          item =>
+            item &&
+            'onPress' in item &&
+            item.buttonId === event.nativeEvent.buttonId,
+        );
+        if (pressedItem && 'onPress' in pressedItem && pressedItem.onPress) {
+          pressedItem.onPress();
+        }
+      }
+    : undefined;
+
+  // Handle bar button menu item presses by deep-searching nested menus
+  const onPressHeaderBarButtonMenuItem = hasHeaderBarButtonItems
+    ? (event: NativeSyntheticEvent<{ menuId: string }>) => {
+        // Recursively search menu tree
+        const findInMenu = (
+          menu: HeaderBarButtonItemWithMenu['menu'],
+          menuId: string,
+        ): HeaderBarButtonItemMenuAction | undefined => {
+          for (const item of menu.items) {
+            if ('items' in item) {
+              // submenu: recurse
+              const found = findInMenu(item, menuId);
+              if (found) {
+                return found;
+              }
+            } else if ('menuId' in item && item.menuId === menuId) {
+              return item;
+            }
+          }
+          return undefined;
+        };
+
+        // Check each bar-button item with a menu
+        const allItems = [
+          ...(preparedHeaderLeftBarButtonItems ?? []),
+          ...(preparedHeaderRightBarButtonItems ?? []),
+        ];
+        for (const item of allItems) {
+          if (item && 'menu' in item && item.menu) {
+            const action = findInMenu(item.menu, event.nativeEvent.menuId);
+            if (action) {
+              action.onPress();
+              return;
+            }
+          }
+        }
+      }
+    : undefined;
+
+  return (
+    <ScreenStackHeaderConfigNativeComponent
+      {...props}
+      headerLeftBarButtonItems={preparedHeaderLeftBarButtonItems}
+      headerRightBarButtonItems={preparedHeaderRightBarButtonItems}
+      onPressHeaderBarButtonItem={onPressHeaderBarButtonItem}
+      onPressHeaderBarButtonMenuItem={onPressHeaderBarButtonMenuItem}
+      ref={ref}
+      style={styles.headerConfig}
+      pointerEvents="box-none"
+    />
+  );
+});
 
 ScreenStackHeaderConfig.displayName = 'ScreenStackHeaderConfig';
 
@@ -42,7 +128,9 @@ export const ScreenStackHeaderBackButtonImage = (
   </ScreenStackHeaderSubview>
 );
 
-export const ScreenStackHeaderRightView = (props: ViewProps): JSX.Element => {
+export const ScreenStackHeaderRightView = (
+  props: ScreenStackHeaderSubviewProps & ViewProps,
+): JSX.Element => {
   const { style, ...rest } = props;
 
   return (
@@ -54,7 +142,9 @@ export const ScreenStackHeaderRightView = (props: ViewProps): JSX.Element => {
   );
 };
 
-export const ScreenStackHeaderLeftView = (props: ViewProps): JSX.Element => {
+export const ScreenStackHeaderLeftView = (
+  props: ScreenStackHeaderSubviewProps & ViewProps,
+): JSX.Element => {
   const { style, ...rest } = props;
 
   return (
diff --git a/src/components/helpers/prepareHeaderBarButtonItems.ts b/src/components/helpers/prepareHeaderBarButtonItems.ts
new file mode 100644
index 0000000000..ecf57dcd7e
--- /dev/null
+++ b/src/components/helpers/prepareHeaderBarButtonItems.ts
@@ -0,0 +1,84 @@
+import { Image, processColor } from 'react-native';
+import {
+  HeaderBarButtonItem,
+  HeaderBarButtonItemWithMenu,
+} from 'react-native-screens/types';
+
+const prepareMenu = (
+  menu: HeaderBarButtonItemWithMenu['menu'],
+  index: number,
+  side: 'left' | 'right',
+): HeaderBarButtonItemWithMenu['menu'] => {
+  return {
+    ...menu,
+    items: menu.items.map((menuItem, menuIndex) => {
+      const sfSymbolName =
+        menuItem.icon?.type === 'sfSymbol' ? menuItem.icon.name : undefined;
+      if (menuItem.type === 'submenu') {
+        return {
+          ...menuItem,
+          sfSymbolName,
+          ...prepareMenu(menuItem, menuIndex, side),
+        };
+      }
+      return {
+        ...menuItem,
+        sfSymbolName,
+        menuId: `${menuIndex}-${index}-${side}`,
+      };
+    }),
+  };
+};
+
+export const prepareHeaderBarButtonItems = (
+  barButtonItems: HeaderBarButtonItem[],
+  side: 'left' | 'right',
+) => {
+  return barButtonItems?.map((item, index) => {
+    if ('spacing' in item) {
+      return item;
+    }
+    let imageSource;
+    if (item.icon?.type === 'imageSource') {
+      imageSource = Image.resolveAssetSource(item.icon.imageSource);
+    } else if (item.icon?.type === 'templateSource') {
+      imageSource = Image.resolveAssetSource(item.icon.templateSource);
+    }
+
+    const labelStyle = item.labelStyle
+      ? { ...item.labelStyle, color: processColor(item.labelStyle.color) }
+      : undefined;
+    const tintColor = item.tintColor ? processColor(item.tintColor) : undefined;
+    const badge = item.badge
+      ? {
+          ...item.badge,
+          style: {
+            ...item.badge.style,
+            color: processColor(item.badge.style?.color),
+            backgroundColor: processColor(item.badge.style?.backgroundColor),
+          },
+        }
+      : undefined;
+    const processedItem = {
+      ...item,
+      imageSource,
+      sfSymbolName: item.icon?.type === 'sfSymbol' ? item.icon.name : undefined,
+      labelStyle,
+      tintColor,
+      badge,
+    };
+    if ('onPress' in item) {
+      return {
+        ...processedItem,
+        buttonId: `${index}-${side}`,
+      };
+    }
+    if ('menu' in item) {
+      return {
+        ...processedItem,
+        menu: prepareMenu(item.menu, index, side),
+      };
+    }
+    return null;
+  });
+};
diff --git a/src/fabric/ScreenStackHeaderConfigNativeComponent.ts b/src/fabric/ScreenStackHeaderConfigNativeComponent.ts
index 453c0bbde0..2fbbea2f1f 100644
--- a/src/fabric/ScreenStackHeaderConfigNativeComponent.ts
+++ b/src/fabric/ScreenStackHeaderConfigNativeComponent.ts
@@ -7,6 +7,7 @@ import type {
   Int32,
   WithDefault,
   DirectEventHandler,
+  UnsafeMixed,
 } from 'react-native/Libraries/Types/CodegenTypes';
 
 type DirectionType = 'rtl' | 'ltr';
@@ -16,6 +17,9 @@ type OnAttachedEvent = Readonly<{}>;
 // eslint-disable-next-line @typescript-eslint/ban-types
 type OnDetachedEvent = Readonly<{}>;
 
+type OnPressHeaderBarButtonItemEvent = Readonly<{ buttonId: string }>;
+type OnPressHeaderBarButtonMenuItemEvent = Readonly<{ menuId: string }>;
+
 type BackButtonDisplayMode = 'minimal' | 'default' | 'generic';
 
 type BlurEffect =
@@ -73,6 +77,10 @@ export interface NativeProps extends ViewProps {
   blurEffect?: WithDefault<BlurEffect, 'none'>;
   // TODO: implement this props on iOS
   topInsetEnabled?: boolean;
+  headerLeftBarButtonItems?: UnsafeMixed[];
+  headerRightBarButtonItems?: UnsafeMixed[];
+  onPressHeaderBarButtonItem?: DirectEventHandler<OnPressHeaderBarButtonItemEvent>;
+  onPressHeaderBarButtonMenuItem?: DirectEventHandler<OnPressHeaderBarButtonMenuItemEvent>;
 }
 
 export default codegenNativeComponent<NativeProps>(
diff --git a/src/fabric/ScreenStackHeaderSubviewNativeComponent.ts b/src/fabric/ScreenStackHeaderSubviewNativeComponent.ts
index f7776a8c27..b695c4fb5b 100644
--- a/src/fabric/ScreenStackHeaderSubviewNativeComponent.ts
+++ b/src/fabric/ScreenStackHeaderSubviewNativeComponent.ts
@@ -15,6 +15,7 @@ export type HeaderSubviewTypes =
 
 export interface NativeProps extends ViewProps {
   type?: WithDefault<HeaderSubviewTypes, 'left'>;
+  hidesSharedBackground?: boolean;
 }
 
 export default codegenNativeComponent<NativeProps>(
diff --git a/src/types.tsx b/src/types.tsx
index 56a8a4e341..d5bdd88939 100644
--- a/src/types.tsx
+++ b/src/types.tsx
@@ -7,6 +7,7 @@ import {
   TargetedEvent,
   TextInputFocusEventData,
   ColorValue,
+  ImageSourcePropType,
 } from 'react-native';
 import { NativeStackNavigatorProps } from './native-stack/types';
 import { ScrollEdgeEffect } from './components/shared/types';
@@ -107,6 +108,24 @@ export type SearchBarPlacement =
   | 'integratedButton'
   | 'integratedCentered';
 
+export type PlatformIconShared = {
+  type: 'imageSource';
+  imageSource: ImageSourcePropType;
+};
+
+export type PlatformIconIOSSfSymbol = {
+  type: 'sfSymbol';
+  name: string;
+};
+
+export type PlatformIconIOS =
+  | PlatformIconIOSSfSymbol
+  | {
+      type: 'templateSource';
+      templateSource: ImageSourcePropType;
+    }
+  | PlatformIconShared;
+
 export interface ScreenProps extends ViewProps {
   active?: 0 | 1 | Animated.AnimatedInterpolation<number>;
   activityState?: 0 | 1 | 2 | Animated.AnimatedInterpolation<number>;
@@ -620,6 +639,18 @@ export interface ScreenStackHeaderConfigProps extends ViewProps {
    * @platform ios
    */
   backButtonDisplayMode?: BackButtonDisplayMode;
+  /**
+   * Array of UIBarButtomItems to the left side of the header.
+   *
+   * @platform ios
+   */
+  headerLeftBarButtonItems?: HeaderBarButtonItem[];
+  /**
+   * Array of UIBarButtomItems to the right side of the header.
+   *
+   * @platform ios
+   */
+  headerRightBarButtonItems?: HeaderBarButtonItem[];
   /**
    * When set to true the header will be hidden while the parent Screen is on the top of the stack. The default value is false.
    */
@@ -918,6 +949,175 @@ export interface SearchBarProps {
   shouldShowHintSearchIcon?: boolean;
 }
 
+export interface ScreenStackHeaderSubviewProps {
+  /**
+   * A boolean value indicating whether the background this item may share with other items in the bar should be hidden.
+   * Only applicable to type="right" and type="left" subviews.
+   * Only available from iOS 26.0 and later.
+   *
+   * Read more: https://developer.apple.com/documentation/uikit/uibarbuttonitem/hidessharedbackground
+   */
+  hidesSharedBackground?: boolean;
+}
+
+interface SharedHeaderBarButtonItem {
+  /**
+   * Position of the item in the navigation items array.
+   */
+  index?: number;
+  /**
+   * Label of the item.
+   */
+  label?: string;
+  /**
+   * Style for the item label.
+   */
+  labelStyle?: {
+    fontFamily?: string;
+    fontSize?: number;
+    fontWeight?: string;
+    color?: ColorValue;
+  };
+  /**
+   * Icon for the item
+   */
+  icon?: PlatformIconIOS;
+  /**
+   * The variant of the item.
+   * "Prominent" only available from iOS 26.0 and later.
+   *
+   * Read more: https://developer.apple.com/documentation/uikit/uibarbuttonitem/style-swift.property
+   */
+  variant?: 'plain' | 'done' | 'prominent';
+  /**
+   * The tint color to apply to the item.
+   *
+   * Read more: https://developer.apple.com/documentation/uikit/uibarbuttonitem/tintcolor
+   */
+  tintColor?: ColorValue;
+  /**
+   * A Boolean value that indicates whether the item is in a disabled state.
+   */
+  disabled?: boolean;
+  /**
+   * The width of the item.
+   *
+   * Read more: https://developer.apple.com/documentation/uikit/uibarbuttonitem/width
+   */
+  width?: number;
+  /**
+   * A boolean value indicating whether the background this item may share with other items in the bar should be hidden.
+   * Only available from iOS 26.0 and later.
+   *
+   * Read more: https://developer.apple.com/documentation/uikit/uibarbuttonitem/hidessharedbackground
+   */
+  hidesSharedBackground?: boolean;
+  /**
+   * A boolean value indicating whether this item can share a background with other items in a navigation bar or a toolbar.
+   * Only available from iOS 26.0 and later.
+   *
+   * Read more: https://developer.apple.com/documentation/uikit/uibarbuttonitem/sharesbackground
+   */
+  sharesBackground?: boolean;
+  /**
+   * An identifier used to match items across transitions in a navigation bar or toolbar.
+   * Only available from iOS 26.0 and later.
+   *
+   * Read more: https://developer.apple.com/documentation/uikit/uibarbuttonitem/identifier
+   */
+  identifier?: string;
+  /**
+   * A badge to be rendered on a item.
+   * Only available from iOS 26.0 and later.
+   *
+   * Read more: https://developer.apple.com/documentation/uikit/uibarbuttonitembadge
+   */
+  badge?: {
+    /**
+     * The text to display in the badge.
+     */
+    value: string;
+    /**
+     * Style of the badge.
+     */
+    style?: {
+      color?: ColorValue;
+      backgroundColor?: ColorValue;
+      fontFamily?: string;
+      fontSize?: number;
+      fontWeight?: string;
+    };
+  };
+  accessibilityLabel?: string;
+  accessibilityHint?: string;
+}
+
+export interface HeaderBarButtonItemWithAction
+  extends SharedHeaderBarButtonItem {
+  onPress: () => void;
+  /**
+   * A Boolean value that indicates whether the item is in a selected state.
+   *
+   * Read more: https://developer.apple.com/documentation/uikit/uibarbuttonitem/isselected
+   */
+  selected?: boolean;
+  /**
+   * A Boolean value that indicates whether the item represents an action or selection.
+   * Only available from iOS 15.0 and later.
+   *
+   * Read more: https://developer.apple.com/documentation/uikit/uibarbuttonitem/changesselectionasprimaryaction
+   */
+  changesSelectionAsPrimaryAction?: boolean;
+}
+
+export interface HeaderBarButtonItemMenuAction {
+  type: 'action';
+  label?: string;
+  onPress: () => void;
+  icon?: PlatformIconIOSSfSymbol;
+  /**
+   * State of the item.
+   *
+   * Read more: https://developer.apple.com/documentation/uikit/uimenuelement/state
+   */
+  state?: 'on' | 'off' | 'mixed';
+  /**
+   * Attributes of the item.
+   *
+   * Read more: https://developer.apple.com/documentation/uikit/uimenuelement/attributes
+   */
+  attributes?: 'destructive' | 'disabled' | 'hidden' | 'keepsMenuPresented';
+  /**
+   * Discoverability label of the menu item.
+   *
+   * Read more: https://developer.apple.com/documentation/uikit/uiaction/discoverabilitytitle
+   */
+  discoverabilityLabel?: string;
+}
+
+export interface HeaderBarButtonItemSubmenu {
+  type: 'submenu';
+  label?: string;
+  icon?: PlatformIconIOSSfSymbol;
+  items: HeaderBarButtonItemWithMenu['menu']['items'];
+}
+
+export interface HeaderBarButtonItemWithMenu extends SharedHeaderBarButtonItem {
+  menu: {
+    label?: string;
+    items: (HeaderBarButtonItemMenuAction | HeaderBarButtonItemSubmenu)[];
+  };
+}
+
+export interface HeaderBarButtonItemSpacing {
+  spacing: number;
+}
+
+export type HeaderBarButtonItem =
+  | HeaderBarButtonItemWithAction
+  | HeaderBarButtonItemWithMenu
+  | HeaderBarButtonItemSpacing;
+
 /**
  * Custom Screen Transition
  */
diff --git a/src/utils.ts b/src/utils.ts
index fc11649abb..02ad04edf4 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -5,6 +5,9 @@ export const isSearchBarAvailableForCurrentPlatform = [
   'android',
 ].includes(Platform.OS);
 
+export const isHeaderBarButtonsAvailableForCurrentPlatform =
+  Platform.OS === 'ios';
+
 export function executeNativeBackPress() {
   // This function invokes the native back press event
   BackHandler.exitApp();