feat(iOS, Tabs): add tabBarTintColor (#144)

This prop is useful for iOS 26, where `tabBarItemIconColor` is not
enough - Liquid Glass tab bar has a glow that uses tintColor.

Even though `tintColor` is marked in [`UITabBar`
docs](https://developer.apple.com/documentation/uikit/uitabbar/tintcolor?language=objc)
as "Legacy customization", I haven't found other way to change the color
and `tintColor` is a normal property of
[`UIView`](https://developer.apple.com/documentation/uikit/uiview/tintcolor?language=objc).

Author: kligarski

android/src/main/java/com/swmansion/rnscreens/gamma/tabs/TabsHostViewManager.kt

@@ -78,6 +78,11 @@ class TabsHostViewManager :
         value: String?,
     ) = Unit
 
+    override fun setTabBarTintColor(
+        view: TabsHost,
+        value: Int?
+    ) = Unit
+
     override fun setTabBarItemTitleFontSize(
         view: TabsHost?,
         value: Float,

apps/src/shared/gamma/containers/bottom-tabs/BottomTabsContainer.tsx

@@ -85,6 +85,7 @@ export function BottomTabsContainer(props: BottomTabsContainerProps) {
     <BottomTabs
       onNativeFocusChange={onNativeFocusChangeCallback}
       tabBarBackgroundColor={Colors.NavyLight100}
+      tabBarTintColor={Colors.YellowLight100}
       tabBarItemBadgeBackgroundColor={Colors.GreenDark100}
       tabBarItemIconColor={Colors.BlueLight40}
       experimentalControlNavigationStateInJS={

ios/bottom-tabs/RNSBottomTabsHostComponentView.h

@@ -27,6 +27,7 @@ NS_ASSUME_NONNULL_BEGIN
 
 @property (nonatomic, strong, readonly, nullable) UIColor *tabBarBackgroundColor;
 @property (nonatomic, strong, readonly, nullable) UIBlurEffect *tabBarBlurEffect;
+@property (nonatomic, strong, readonly, nullable) UIColor *tabBarTintColor;
 
 @property (nonatomic, strong, readonly, nullable) NSString *tabBarItemTitleFontFamily;
 @property (nonatomic, strong, readonly, nullable) NSNumber *tabBarItemTitleFontSize;

ios/bottom-tabs/RNSBottomTabsHostComponentView.mm

@@ -61,6 +61,7 @@ - (void)resetProps
   _props = defaultProps;
   _tabBarBlurEffect = nil;
   _tabBarBackgroundColor = nil;
+  _tabBarTintColor = nil;
 
   _tabBarItemTitleFontFamily = nil;
   _tabBarItemTitleFontSize = nil;
@@ -181,6 +182,11 @@ - (void)updateProps:(const facebook::react::Props::Shared &)props
     _tabBarBlurEffect =
         rnscreens::conversion::RNSUIBlurEffectFromRNSBottomTabsTabBarBlurEffect(newComponentProps.tabBarBlurEffect);
   }
+  
+  if (newComponentProps.tabBarTintColor != oldComponentProps.tabBarTintColor) {
+    _needsTabBarAppearanceUpdate = YES;
+    _tabBarTintColor = RCTUIColorFromSharedColor(newComponentProps.tabBarTintColor);
+  }
 
   if (newComponentProps.tabBarItemTitleFontFamily != oldComponentProps.tabBarItemTitleFontFamily) {
     _tabBarItemTitleFontFamily = RCTNSStringFromStringNilIfEmpty(newComponentProps.tabBarItemTitleFontFamily);

ios/bottom-tabs/RNSTabBarAppearanceCoordinator.mm

@@ -30,6 +30,8 @@ - (void)updateAppearanceOfTabBar:(nullable UITabBar *)tabBar
   tabBar.standardAppearance = appearance;
   tabBar.scrollEdgeAppearance = appearance;
 
+  tabBar.tintColor = hostComponentView.tabBarTintColor;
+
   // Step 4 - build the appearance object for each tab & apply it
   if (tabScreenCtrls == nil) {
     return;

src/components/BottomTabs.tsx

@@ -26,6 +26,7 @@ export interface BottomTabsProps extends ViewProps {
   // tabBarAppearance?: TabBarAppearance; // Does not work due to codegen issue.
   tabBarBackgroundColor?: ColorValue;
   tabBarBlurEffect?: BlurEffect; // defaults to 'none'
+  tabBarTintColor?: ColorValue;
 
   tabBarItemTitleFontFamily?: TextStyle['fontFamily'];
   tabBarItemTitleFontSize?: TextStyle['fontSize'];

src/fabric/BottomTabsNativeComponent.ts

@@ -50,6 +50,7 @@ export interface NativeProps extends ViewProps {
   // tabBarAppearance?: TabBarAppearance; // Does not work due to codegen issue.
   tabBarBackgroundColor?: ColorValue;
   tabBarBlurEffect?: WithDefault<BlurEffect, 'none'>;
+  tabBarTintColor?: ColorValue;
 
   tabBarItemTitleFontFamily?: string;
   tabBarItemTitleFontSize?: Float;