diff --git a/android/src/main/java/com/swmansion/rnscreens/ScreenStackHeaderConfigViewManager.kt b/android/src/main/java/com/swmansion/rnscreens/ScreenStackHeaderConfigViewManager.kt
index ec09178054..22a5710c7b 100644
--- a/android/src/main/java/com/swmansion/rnscreens/ScreenStackHeaderConfigViewManager.kt
+++ b/android/src/main/java/com/swmansion/rnscreens/ScreenStackHeaderConfigViewManager.kt
@@ -340,4 +340,11 @@ class ScreenStackHeaderConfigViewManager :
     ) {
         logNotAvailable("headerRightBarButtonItems")
     }
+
+    override fun setUserInterfaceStyle(
+        view: ScreenStackHeaderConfig?,
+        value: String?,
+    ) {
+        logNotAvailable("userInterfaceStyle")
+    }
 }
diff --git a/android/src/main/java/com/swmansion/rnscreens/gamma/tabs/TabScreenViewManager.kt b/android/src/main/java/com/swmansion/rnscreens/gamma/tabs/TabScreenViewManager.kt
index 3d0fbaa248..e5a0a06734 100644
--- a/android/src/main/java/com/swmansion/rnscreens/gamma/tabs/TabScreenViewManager.kt
+++ b/android/src/main/java/com/swmansion/rnscreens/gamma/tabs/TabScreenViewManager.kt
@@ -190,6 +190,11 @@ class TabScreenViewManager :
         value: String?,
     ) = Unit
 
+    override fun setUserInterfaceStyle(
+        view: TabScreen,
+        value: String?,
+    ) = Unit
+
     @ReactProp(name = "imageIconResource")
     override fun setImageIconResource(
         view: TabScreen,
diff --git a/android/src/paper/java/com/facebook/react/viewmanagers/RNSBottomTabsScreenManagerDelegate.java b/android/src/paper/java/com/facebook/react/viewmanagers/RNSBottomTabsScreenManagerDelegate.java
index 8db05361df..5f8b030f34 100644
--- a/android/src/paper/java/com/facebook/react/viewmanagers/RNSBottomTabsScreenManagerDelegate.java
+++ b/android/src/paper/java/com/facebook/react/viewmanagers/RNSBottomTabsScreenManagerDelegate.java
@@ -98,6 +98,9 @@ public void setProperty(T view, String propName, @Nullable Object value) {
       case "topScrollEdgeEffect":
         mViewManager.setTopScrollEdgeEffect(view, (String) value);
         break;
+      case "userInterfaceStyle":
+        mViewManager.setUserInterfaceStyle(view, (String) value);
+        break;
       default:
         super.setProperty(view, propName, value);
     }
diff --git a/android/src/paper/java/com/facebook/react/viewmanagers/RNSBottomTabsScreenManagerInterface.java b/android/src/paper/java/com/facebook/react/viewmanagers/RNSBottomTabsScreenManagerInterface.java
index ac3e0737a3..82535a3890 100644
--- a/android/src/paper/java/com/facebook/react/viewmanagers/RNSBottomTabsScreenManagerInterface.java
+++ b/android/src/paper/java/com/facebook/react/viewmanagers/RNSBottomTabsScreenManagerInterface.java
@@ -40,4 +40,5 @@ public interface RNSBottomTabsScreenManagerInterface<T extends View>  {
   void setLeftScrollEdgeEffect(T view, @Nullable String value);
   void setRightScrollEdgeEffect(T view, @Nullable String value);
   void setTopScrollEdgeEffect(T view, @Nullable String value);
+  void setUserInterfaceStyle(T view, @Nullable String value);
 }
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 331f711000..c5bc2301ad 100644
--- a/android/src/paper/java/com/facebook/react/viewmanagers/RNSScreenStackHeaderConfigManagerDelegate.java
+++ b/android/src/paper/java/com/facebook/react/viewmanagers/RNSScreenStackHeaderConfigManagerDelegate.java
@@ -118,6 +118,9 @@ public void setProperty(T view, String propName, @Nullable Object value) {
       case "synchronousShadowStateUpdatesEnabled":
         mViewManager.setSynchronousShadowStateUpdatesEnabled(view, value == null ? false : (boolean) value);
         break;
+      case "userInterfaceStyle":
+        mViewManager.setUserInterfaceStyle(view, (String) 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 58917121a6..c890ff59a5 100644
--- a/android/src/paper/java/com/facebook/react/viewmanagers/RNSScreenStackHeaderConfigManagerInterface.java
+++ b/android/src/paper/java/com/facebook/react/viewmanagers/RNSScreenStackHeaderConfigManagerInterface.java
@@ -46,4 +46,5 @@ public interface RNSScreenStackHeaderConfigManagerInterface<T extends View>  {
   void setHeaderLeftBarButtonItems(T view, @Nullable ReadableArray value);
   void setHeaderRightBarButtonItems(T view, @Nullable ReadableArray value);
   void setSynchronousShadowStateUpdatesEnabled(T view, boolean value);
+  void setUserInterfaceStyle(T view, @Nullable String value);
 }
diff --git a/apps/src/tests/Test3342.tsx b/apps/src/tests/Test3342.tsx
new file mode 100644
index 0000000000..a0119c9aed
--- /dev/null
+++ b/apps/src/tests/Test3342.tsx
@@ -0,0 +1,153 @@
+import React from 'react';
+import {
+  DefaultTheme,
+  NavigationContainer,
+  ParamListBase,
+} from '@react-navigation/native';
+import {
+  NativeStackNavigationProp,
+  createNativeStackNavigator,
+} from '@react-navigation/native-stack';
+import { Button, StyleSheet, Text, TextInput, View } from 'react-native';
+import ConfigWrapperContext, {
+  Configuration,
+  DEFAULT_GLOBAL_CONFIGURATION,
+} from '../shared/gamma/containers/bottom-tabs/ConfigWrapperContext';
+import {
+  BottomTabsContainer,
+  TabConfiguration,
+} from '../shared/gamma/containers/bottom-tabs/BottomTabsContainer';
+import Colors from '../shared/styling/Colors';
+
+type RouteParamList = {
+  Screen1: undefined;
+  Screen2: undefined;
+  Screen3: undefined;
+};
+
+type NavigationProp<ParamList extends ParamListBase> = {
+  navigation: NativeStackNavigationProp<ParamList>;
+};
+
+type StackNavigationProp = NavigationProp<RouteParamList>;
+
+const Stack = createNativeStackNavigator<RouteParamList>();
+
+function Screen1({ navigation }: StackNavigationProp) {
+  return (
+    <View>
+      <Text>Enable system dark mode and observe the back button.</Text>
+      <Button
+        title="Go to screen 2"
+        onPress={() => navigation.push('Screen2')}
+      />
+    </View>
+  );
+}
+
+function TabScreen({ navigation }: StackNavigationProp) {
+  return (
+    <View style={{ flex: 1, backgroundColor: Colors.cardBackground }}>
+      <Button
+        title="Go to screen 3"
+        onPress={() => navigation.push('Screen3')}
+      />
+      <TextInput
+        style={styles.input}
+        placeholder="Test keyboard appearance..."
+        placeholderTextColor="gray"
+      />
+    </View>
+  );
+}
+
+function Screen2(stackNavProp: StackNavigationProp) {
+  const [config, setConfig] = React.useState<Configuration>(
+    DEFAULT_GLOBAL_CONFIGURATION,
+  );
+
+  const TAB_CONFIGS: TabConfiguration[] = [
+    {
+      tabScreenProps: {
+        tabKey: 'Tab1',
+        title: 'Tab 1',
+        icon: {
+          ios: {
+            type: 'sfSymbol',
+            name: 'house',
+          },
+        },
+        experimental_userInterfaceStyle: 'light',
+      },
+      component: () => TabScreen(stackNavProp),
+    },
+    {
+      tabScreenProps: {
+        tabKey: 'Tab2',
+        title: 'Tab 2',
+        icon: {
+          ios: {
+            type: 'sfSymbol',
+            name: 'rectangle.stack',
+          },
+        },
+      },
+      component: () => TabScreen(stackNavProp),
+    },
+  ];
+
+  return (
+    <ConfigWrapperContext.Provider
+      value={{
+        config,
+        setConfig,
+      }}>
+      <BottomTabsContainer tabConfigs={TAB_CONFIGS} />
+    </ConfigWrapperContext.Provider>
+  );
+}
+
+function Screen3() {
+  return (
+    <View>
+      <TextInput
+        style={styles.input}
+        placeholder="Test keyboard appearance..."
+        placeholderTextColor="gray"
+      />
+    </View>
+  );
+}
+
+export default function App() {
+  return (
+    <NavigationContainer theme={DefaultTheme}>
+      <Stack.Navigator
+        screenOptions={{
+          statusBarStyle: 'dark',
+          experimental_userInterfaceStyle: 'light',
+        }}>
+        <Stack.Screen name="Screen1" component={Screen1} />
+        <Stack.Screen
+          name="Screen2"
+          component={Screen2}
+          options={{ headerBackTitle: 'Screen1' }}
+        />
+        <Stack.Screen
+          name="Screen3"
+          component={Screen3}
+          options={{ headerBackTitle: 'Screen2' }}
+        />
+      </Stack.Navigator>
+    </NavigationContainer>
+  );
+}
+
+const styles = StyleSheet.create({
+  input: {
+    height: 40,
+    margin: 12,
+    borderWidth: 1,
+    padding: 10,
+  },
+});
diff --git a/apps/src/tests/index.ts b/apps/src/tests/index.ts
index 2b0ed8cb97..d33857ab0a 100644
--- a/apps/src/tests/index.ts
+++ b/apps/src/tests/index.ts
@@ -155,6 +155,7 @@ export { default as Test3239 } from './Test3239';
 export { default as Test3265 } from './Test3265';
 export { default as Test3271 } from './Test3271';
 export { default as Test3282 } from './Test3282';
+export { default as Test3342 } from './Test3342';
 export { default as Test3369 } from './Test3369';
 export { default as TestScreenAnimation } from './TestScreenAnimation';
 export { default as TestScreenAnimationV5 } from './TestScreenAnimationV5';
diff --git a/guides/GUIDE_FOR_LIBRARY_AUTHORS.md b/guides/GUIDE_FOR_LIBRARY_AUTHORS.md
index 45f8a4a19f..1df0e1be13 100644
--- a/guides/GUIDE_FOR_LIBRARY_AUTHORS.md
+++ b/guides/GUIDE_FOR_LIBRARY_AUTHORS.md
@@ -770,6 +770,20 @@ A flag to that lets you opt out of insetting the header. You may want to set thi
 
 When set to true, it makes native navigation bar semi transparent. It adds blur effect on iOS. The default value is false.
 
+### `experimental_userInterfaceStyle` (iOS only)
+
+Allows to override system appearance for the navigation bar. Does not support dynamic changes to the prop value for the currently visible screen. The default value is `unspecified`.
+
+Please note that this prop is marked as **experimental** and might be subject to breaking changes or even removal.
+
+The following values are currently supported:
+
+- `unspecified` - an unspecified interface style,
+- `light` - the light interface style,
+- `dark` - the dark interface style.
+
+The supported values correspond to the official UIKit documentation: https://developer.apple.com/documentation/uikit/uiuserinterfacestyle.
+
 # Guide for native component authors
 
 If you are adding a new native component to be used from the React Native app, you may want it to respond to navigation lifecycle events.
diff --git a/ios/RNSConvert.h b/ios/RNSConvert.h
index a71899f70d..0536949c9e 100644
--- a/ios/RNSConvert.h
+++ b/ios/RNSConvert.h
@@ -52,6 +52,9 @@ namespace react = facebook::react;
 + (RNSOptionalBoolean)RNSOptionalBooleanFromRNSSearchBarHideNavigationBar:
     (react::RNSSearchBarHideNavigationBar)hideNavigationBar;
 
++ (UIUserInterfaceStyle)UIUserInterfaceStyleFromCppEquivalent:
+    (react::RNSScreenStackHeaderConfigUserInterfaceStyle)userInterfaceStyle;
+
 + (NSMutableArray<NSNumber *> *)arrayFromVector:(const std::vector<CGFloat> &)vector;
 
 + (RNSBlurEffectStyle)RNSBlurEffectStyleFromCppEquivalent:(react::RNSScreenStackHeaderConfigBlurEffect)blurEffect;
diff --git a/ios/RNSConvert.mm b/ios/RNSConvert.mm
index e94f7b33f4..905a03b549 100644
--- a/ios/RNSConvert.mm
+++ b/ios/RNSConvert.mm
@@ -275,6 +275,23 @@ + (RNSOptionalBoolean)RNSOptionalBooleanFromRNSSearchBarHideNavigationBar:
   }
 }
 
++ (UIUserInterfaceStyle)UIUserInterfaceStyleFromCppEquivalent:
+    (react::RNSScreenStackHeaderConfigUserInterfaceStyle)userInterfaceStyle
+{
+  switch (userInterfaceStyle) {
+    using enum react::RNSScreenStackHeaderConfigUserInterfaceStyle;
+
+    case Unspecified:
+      return UIUserInterfaceStyleUnspecified;
+    case Light:
+      return UIUserInterfaceStyleLight;
+    case Dark:
+      return UIUserInterfaceStyleDark;
+    default:
+      RCTLogError(@"[RNScreens] unsupported user interface style");
+  }
+}
+
 + (NSMutableArray<NSNumber *> *)arrayFromVector:(const std::vector<CGFloat> &)vector
 {
   NSMutableArray *array = [NSMutableArray arrayWithCapacity:vector.size()];
diff --git a/ios/RNSScreenStackHeaderConfig.h b/ios/RNSScreenStackHeaderConfig.h
index d45f822520..e7fbaab2d2 100644
--- a/ios/RNSScreenStackHeaderConfig.h
+++ b/ios/RNSScreenStackHeaderConfig.h
@@ -127,6 +127,16 @@ NS_ASSUME_NONNULL_END
 
 @end
 
+#pragma mark - Experimental
+
+@interface RNSScreenStackHeaderConfig ()
+
+@property (nonatomic) UIUserInterfaceStyle userInterfaceStyle;
+
+@end
+
+#pragma mark - View Manager
+
 @interface RNSScreenStackHeaderConfigManager : RCTViewManager
 
 @end
@@ -134,6 +144,7 @@ NS_ASSUME_NONNULL_END
 #ifdef RCT_NEW_ARCH_ENABLED
 #else
 
+#pragma mark - Legacy Shadow View
 /**
  * Used as local data send to shadow view on Paper. This helps us to provide Yoga
  * with knowledge of native insets in the navigation bar.
@@ -155,6 +166,8 @@ NS_ASSUME_NONNULL_END
 @end
 #endif
 
+#pragma mark - RCTConvert
+
 @interface RCTConvert (RNSScreenStackHeader)
 
 + (UISemanticContentAttribute)UISemanticContentAttribute:(nonnull id)json;
diff --git a/ios/RNSScreenStackHeaderConfig.mm b/ios/RNSScreenStackHeaderConfig.mm
index 175b418f33..83ec903ea9 100644
--- a/ios/RNSScreenStackHeaderConfig.mm
+++ b/ios/RNSScreenStackHeaderConfig.mm
@@ -584,6 +584,8 @@ + (void)updateViewController:(UIViewController *)vc
     return;
   }
 
+  navctr.navigationBar.overrideUserInterfaceStyle = config.userInterfaceStyle;
+
 #if !TARGET_OS_TV
   [config configureBackItem:prevItem withPrevVC:prevVC];
 
@@ -1139,6 +1141,10 @@ - (void)updateProps:(react::Props::Shared const &)props oldProps:(react::Props::
   _backButtonDisplayMode =
       [RNSConvert UINavigationItemBackButtonDisplayModeFromCppEquivalent:newScreenProps.backButtonDisplayMode];
 
+  if (newScreenProps.userInterfaceStyle != oldScreenProps.userInterfaceStyle) {
+    _userInterfaceStyle = [RNSConvert UIUserInterfaceStyleFromCppEquivalent:newScreenProps.userInterfaceStyle];
+  }
+
   if (newScreenProps.direction != oldScreenProps.direction) {
     _direction = [RNSConvert UISemanticContentAttributeFromCppEquivalent:newScreenProps.direction];
   }
@@ -1287,6 +1293,7 @@ - (RCTShadowView *)shadowView
 RCT_EXPORT_VIEW_PROPERTY(backButtonInCustomView, BOOL)
 RCT_EXPORT_VIEW_PROPERTY(disableBackButtonMenu, BOOL)
 RCT_EXPORT_VIEW_PROPERTY(backButtonDisplayMode, UINavigationItemBackButtonDisplayMode)
+RCT_EXPORT_VIEW_PROPERTY(userInterfaceStyle, UIUserInterfaceStyle)
 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)
diff --git a/ios/bottom-tabs/RNSBottomTabsScreenComponentView.h b/ios/bottom-tabs/RNSBottomTabsScreenComponentView.h
index 1fe957972c..7487f90b10 100644
--- a/ios/bottom-tabs/RNSBottomTabsScreenComponentView.h
+++ b/ios/bottom-tabs/RNSBottomTabsScreenComponentView.h
@@ -91,6 +91,14 @@ NS_ASSUME_NONNULL_BEGIN
 
 @end
 
+#pragma mark - Experimental
+
+@interface RNSBottomTabsScreenComponentView ()
+
+@property (nonatomic) UIUserInterfaceStyle userInterfaceStyle;
+
+@end
+
 #pragma mark - Events
 
 @interface RNSBottomTabsScreenComponentView ()
diff --git a/ios/bottom-tabs/RNSBottomTabsScreenComponentView.mm b/ios/bottom-tabs/RNSBottomTabsScreenComponentView.mm
index 770bcc8293..0552adf709 100644
--- a/ios/bottom-tabs/RNSBottomTabsScreenComponentView.mm
+++ b/ios/bottom-tabs/RNSBottomTabsScreenComponentView.mm
@@ -105,6 +105,8 @@ - (void)resetProps
   _selectedIconSfSymbolName = nil;
 
   _systemItem = RNSBottomTabsScreenSystemItemNone;
+
+  _userInterfaceStyle = UIUserInterfaceStyleUnspecified;
 }
 
 RNS_IGNORE_SUPER_CALL_BEGIN
@@ -402,6 +404,11 @@ - (void)updateProps:(const facebook::react::Props::Shared &)props
     scrollEdgeEffectsNeedUpdate = YES;
   }
 
+  if (newComponentProps.userInterfaceStyle != oldComponentProps.userInterfaceStyle) {
+    _userInterfaceStyle = rnscreens::conversion::UIUserInterfaceStyleFromBottomTabsScreenCppEquivalent(
+        newComponentProps.userInterfaceStyle);
+  }
+
   if (tabBarItemNeedsRecreation) {
     [self createTabBarItem];
     tabBarItemNeedsUpdate = YES;
diff --git a/ios/bottom-tabs/RNSBottomTabsScreenComponentViewManager.mm b/ios/bottom-tabs/RNSBottomTabsScreenComponentViewManager.mm
index 248a1681ae..7a169059e5 100644
--- a/ios/bottom-tabs/RNSBottomTabsScreenComponentViewManager.mm
+++ b/ios/bottom-tabs/RNSBottomTabsScreenComponentViewManager.mm
@@ -43,6 +43,8 @@ - (UIView *)view
 RCT_EXPORT_VIEW_PROPERTY(rightScrollEdgeEffect, RNSScrollEdgeEffect);
 RCT_EXPORT_VIEW_PROPERTY(topScrollEdgeEffect, RNSScrollEdgeEffect);
 
+RCT_EXPORT_VIEW_PROPERTY(userInterfaceStyle, UIUserInterfaceStyle);
+
 RCT_EXPORT_VIEW_PROPERTY(systemItem, RNSBottomTabsScreenSystemItem);
 
 RCT_EXPORT_VIEW_PROPERTY(onWillAppear, RCTDirectEventBlock);
diff --git a/ios/bottom-tabs/RNSTabBarController.mm b/ios/bottom-tabs/RNSTabBarController.mm
index 1dce6d08b2..34944cbd0e 100644
--- a/ios/bottom-tabs/RNSTabBarController.mm
+++ b/ios/bottom-tabs/RNSTabBarController.mm
@@ -154,6 +154,14 @@ - (void)updateSelectedViewController
 
   RNSLog(@"Change selected view controller to: %@", selectedViewController);
 
+  if (@available(iOS 26.0, *)) {
+    // On iOS 26, we need to set user interface style 2 parent views above the tab bar
+    // for this prop to take effect.
+    self.tabBar.superview.superview.overrideUserInterfaceStyle =
+        selectedViewController.tabScreenComponentView.userInterfaceStyle;
+  } else {
+    self.tabBar.overrideUserInterfaceStyle = selectedViewController.tabScreenComponentView.userInterfaceStyle;
+  }
   [selectedViewController.tabScreenComponentView overrideScrollViewBehaviorInFirstDescendantChainIfNeeded];
   [selectedViewController.tabScreenComponentView updateContentScrollViewEdgeEffectsIfExists];
   [self setSelectedViewController:selectedViewController];
diff --git a/ios/conversion/RNSConversions-BottomTabs.mm b/ios/conversion/RNSConversions-BottomTabs.mm
index 8647af3914..d2b7198810 100644
--- a/ios/conversion/RNSConversions-BottomTabs.mm
+++ b/ios/conversion/RNSConversions-BottomTabs.mm
@@ -400,4 +400,20 @@ RNSScrollEdgeEffect RNSBottomTabsScrollEdgeEffectFromBottomTabsScreenTopScrollEd
 
 #undef SWITCH_EDGE_EFFECT
 
+UIUserInterfaceStyle UIUserInterfaceStyleFromBottomTabsScreenCppEquivalent(
+    react::RNSBottomTabsScreenUserInterfaceStyle userInterfaceStyle)
+{
+  using enum facebook::react::RNSBottomTabsScreenUserInterfaceStyle;
+  switch (userInterfaceStyle) {
+    case Unspecified:
+      return UIUserInterfaceStyleUnspecified;
+    case Light:
+      return UIUserInterfaceStyleLight;
+    case Dark:
+      return UIUserInterfaceStyleDark;
+    default:
+      RCTLogError(@"[RNScreens] unsupported user interface style");
+  }
+}
+
 }; // namespace rnscreens::conversion
diff --git a/ios/conversion/RNSConversions.h b/ios/conversion/RNSConversions.h
index 79b7e553f6..ec6eda14d2 100644
--- a/ios/conversion/RNSConversions.h
+++ b/ios/conversion/RNSConversions.h
@@ -72,6 +72,9 @@ RNSScrollEdgeEffect RNSBottomTabsScrollEdgeEffectFromBottomTabsScreenRightScroll
 RNSScrollEdgeEffect RNSBottomTabsScrollEdgeEffectFromBottomTabsScreenTopScrollEdgeEffectCppEquivalent(
     react::RNSBottomTabsScreenTopScrollEdgeEffect edgeEffect);
 
+UIUserInterfaceStyle UIUserInterfaceStyleFromBottomTabsScreenCppEquivalent(
+    react::RNSBottomTabsScreenUserInterfaceStyle userInterfaceStyle);
+
 RCTImageSource *RCTImageSourceFromImageSourceAndIconType(
     const facebook::react::ImageSource *imageSource,
     RNSBottomTabsIconType iconType);
diff --git a/src/components/ScreenStackHeaderConfig.tsx b/src/components/ScreenStackHeaderConfig.tsx
index 8c2fafcf8d..6c6c5076ef 100644
--- a/src/components/ScreenStackHeaderConfig.tsx
+++ b/src/components/ScreenStackHeaderConfig.tsx
@@ -112,6 +112,7 @@ export const ScreenStackHeaderConfig = React.forwardRef<
   return (
     <ScreenStackHeaderConfigNativeComponent
       {...props}
+      userInterfaceStyle={props.experimental_userInterfaceStyle}
       headerLeftBarButtonItems={preparedHeaderLeftBarButtonItems}
       headerRightBarButtonItems={preparedHeaderRightBarButtonItems}
       onPressHeaderBarButtonItem={onPressHeaderBarButtonItem}
diff --git a/src/components/bottom-tabs/BottomTabsScreen.tsx b/src/components/bottom-tabs/BottomTabsScreen.tsx
index 2d8fad6d2e..b241bb39de 100644
--- a/src/components/bottom-tabs/BottomTabsScreen.tsx
+++ b/src/components/bottom-tabs/BottomTabsScreen.tsx
@@ -65,6 +65,8 @@ function BottomTabsScreen(props: BottomTabsScreenProps) {
     standardAppearance,
     scrollEdgeAppearance,
     scrollEdgeEffects,
+    // eslint-disable-next-line camelcase -- we use sneak case experimental prefix
+    experimental_userInterfaceStyle,
     ...rest
   } = props;
 
@@ -143,6 +145,8 @@ function BottomTabsScreen(props: BottomTabsScreenProps) {
       rightScrollEdgeEffect={scrollEdgeEffects?.right}
       topScrollEdgeEffect={scrollEdgeEffects?.top}
       isTitleUndefined={rest.title === null || rest.title === undefined}
+      // eslint-disable-next-line camelcase -- we use sneak case experimental prefix
+      userInterfaceStyle={experimental_userInterfaceStyle}
       {...rest}>
       <Freeze freeze={shouldFreeze} placeholder={rest.placeholder}>
         {rest.children}
diff --git a/src/components/bottom-tabs/BottomTabsScreen.types.ts b/src/components/bottom-tabs/BottomTabsScreen.types.ts
index 358c9e2e5c..6d295ff269 100644
--- a/src/components/bottom-tabs/BottomTabsScreen.types.ts
+++ b/src/components/bottom-tabs/BottomTabsScreen.types.ts
@@ -4,8 +4,12 @@ import type {
   TextStyle,
   ViewProps,
 } from 'react-native';
-import { ScrollEdgeEffect } from '../shared/types';
-import type { PlatformIcon, PlatformIconIOS } from '../../types';
+import type {
+  PlatformIcon,
+  PlatformIconIOS,
+  UserInterfaceStyle,
+  ScrollEdgeEffect,
+} from '../../types';
 
 export type EmptyObject = Record<string, never>;
 
@@ -511,6 +515,26 @@ export interface BottomTabsScreenProps {
     right?: ScrollEdgeEffect;
     top?: ScrollEdgeEffect;
   };
+  /**
+   * @summary Allows to override system appearance for the tab bar.
+   *
+   * Does not support dynamic changes to the prop value for the currently visible screen.
+   *
+   * Please note that this prop is marked as **experimental** and might be subject to breaking changes or even removal.
+   *
+   * The following values are currently supported:
+   * - `unspecified` - an unspecified interface style,
+   * - `light` - the light interface style,
+   * - `dark` - the dark interface style.
+   *
+   * The supported values correspond to the official UIKit documentation:
+   *
+   * @see {@link https://developer.apple.com/documentation/uikit/uiuserinterfacestyle|UIUserInterfaceStyle}
+   *
+   * @default unspecified
+   * @platform ios
+   */
+  experimental_userInterfaceStyle?: UserInterfaceStyle;
   // #endregion iOS-only appearance
 
   // #region Events
diff --git a/src/components/shared/types.ts b/src/components/shared/types.ts
index 34f3f2cb41..6cde95f8c3 100644
--- a/src/components/shared/types.ts
+++ b/src/components/shared/types.ts
@@ -1 +1,3 @@
 export type ScrollEdgeEffect = 'automatic' | 'hard' | 'soft' | 'hidden';
+
+export type UserInterfaceStyle = 'unspecified' | 'light' | 'dark';
diff --git a/src/fabric/ScreenStackHeaderConfigNativeComponent.ts b/src/fabric/ScreenStackHeaderConfigNativeComponent.ts
index e1bb4db9d4..86bfcd81a5 100644
--- a/src/fabric/ScreenStackHeaderConfigNativeComponent.ts
+++ b/src/fabric/ScreenStackHeaderConfigNativeComponent.ts
@@ -45,6 +45,8 @@ type BlurEffect =
   | 'systemThickMaterialDark'
   | 'systemChromeMaterialDark';
 
+type UserInterfaceStyle = 'unspecified' | 'light' | 'dark';
+
 export interface NativeProps extends ViewProps {
   onAttached?: DirectEventHandler<OnAttachedEvent>;
   onDetached?: DirectEventHandler<OnDetachedEvent>;
@@ -82,6 +84,9 @@ export interface NativeProps extends ViewProps {
   onPressHeaderBarButtonItem?: DirectEventHandler<OnPressHeaderBarButtonItemEvent>;
   onPressHeaderBarButtonMenuItem?: DirectEventHandler<OnPressHeaderBarButtonMenuItemEvent>;
   synchronousShadowStateUpdatesEnabled?: WithDefault<boolean, false>;
+
+  // Experimental
+  userInterfaceStyle?: WithDefault<UserInterfaceStyle, 'unspecified'>;
 }
 
 export default codegenNativeComponent<NativeProps>(
diff --git a/src/fabric/bottom-tabs/BottomTabsScreenNativeComponent.ts b/src/fabric/bottom-tabs/BottomTabsScreenNativeComponent.ts
index 5f922e6f19..0c49eea2d7 100644
--- a/src/fabric/bottom-tabs/BottomTabsScreenNativeComponent.ts
+++ b/src/fabric/bottom-tabs/BottomTabsScreenNativeComponent.ts
@@ -111,6 +111,8 @@ type SystemItem =
 
 type ScrollEdgeEffect = 'automatic' | 'hard' | 'soft' | 'hidden';
 
+type UserInterfaceStyle = 'unspecified' | 'light' | 'dark';
+
 export interface NativeProps extends ViewProps {
   // Events
   onLifecycleStateChange?: DirectEventHandler<LifecycleStateChangeEvent>;
@@ -164,6 +166,9 @@ export interface NativeProps extends ViewProps {
   leftScrollEdgeEffect?: WithDefault<ScrollEdgeEffect, 'automatic'>;
   rightScrollEdgeEffect?: WithDefault<ScrollEdgeEffect, 'automatic'>;
   topScrollEdgeEffect?: WithDefault<ScrollEdgeEffect, 'automatic'>;
+
+  // Experimental
+  userInterfaceStyle?: WithDefault<UserInterfaceStyle, 'unspecified'>;
 }
 
 export default codegenNativeComponent<NativeProps>('RNSBottomTabsScreen', {});
diff --git a/src/types.tsx b/src/types.tsx
index bbc3056bc1..e9d5f5b803 100644
--- a/src/types.tsx
+++ b/src/types.tsx
@@ -10,7 +10,7 @@ import {
   ImageSourcePropType,
 } from 'react-native';
 import { NativeStackNavigatorProps } from './native-stack/types';
-import { ScrollEdgeEffect } from './components/shared/types';
+import type { ScrollEdgeEffect, UserInterfaceStyle } from './types';
 
 export type SearchBarCommands = {
   focus: () => void;
@@ -755,6 +755,26 @@ export interface ScreenStackHeaderConfigProps extends ViewProps {
    * Boolean indicating whether the navigation bar is translucent.
    */
   translucent?: boolean;
+  /**
+   * Allows to override system appearance for the navigation bar.
+   *
+   * Does not support dynamic changes to the prop value for the currently visible screen.
+   *
+   * Please note that this prop is marked as **experimental** and might be subject to breaking changes or even removal.
+   *
+   * The following values are currently supported:
+   * - `unspecified` - an unspecified interface style,
+   * - `light` - the light interface style,
+   * - `dark` - the dark interface style.
+   *
+   * The supported values correspond to the official UIKit documentation:
+   *
+   * @see {@link https://developer.apple.com/documentation/uikit/uiuserinterfacestyle|UIUserInterfaceStyle}
+   *
+   * @default unspecified
+   * @platform ios
+   */
+  experimental_userInterfaceStyle?: UserInterfaceStyle;
 }
 
 export interface SearchBarProps {