feat(Android,Tabs): support activity indicator

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

@@ -124,6 +124,10 @@ class TabsHost(
         updateNavigationMenuIfNeeded(oldValue, newValue)
     }
 
+    var tabBarItemActivityIndicatorColor: Int? by Delegates.observable<Int?>(null) { _, oldValue, newValue ->
+        updateNavigationMenuIfNeeded(oldValue, newValue)
+    }
+
     var tabBarItemIconColor: Int? by Delegates.observable<Int?>(null) { _, oldValue, newValue ->
         updateNavigationMenuIfNeeded(oldValue, newValue)
     }
@@ -297,6 +301,10 @@ class TabsHost(
         val iconColors = intArrayOf(iconInactiveColor, iconActiveColor)
         bottomNavigationView.itemIconTintList = ColorStateList(states, iconColors)
 
+        // ActivityIndicator color
+        val activityIndicatorColor = tabBarItemActivityIndicatorColor ?: com.google.android.material.R.color.m3_sys_color_dynamic_light_on_secondary_container
+        bottomNavigationView.itemActiveIndicatorColor = ColorStateList.valueOf(activityIndicatorColor)
+
         // First clean the menu, then populate it
         bottomNavigationView.menu.clear()
 

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

@@ -155,6 +155,14 @@ class TabsHostViewManager :
         view.tabBarItemTitleFontColorActive = value
     }
 
+    @ReactProp(name = "tabBarItemActivityIndicatorColor", customType = "Color")
+    override fun setTabBarItemActivityIndicatorColor(
+        view: TabsHost,
+        value: Int?,
+    ) {
+        view.tabBarItemActivityIndicatorColor = value
+    }
+
     @ReactProp(name = "tabBarItemIconColorActive", customType = "Color")
     override fun setTabBarItemIconColorActive(
         view: TabsHost,

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

@@ -66,6 +66,9 @@ public void setProperty(T view, String propName, @Nullable Object value) {
       case "tabBarItemTitleFontSizeActive":
         mViewManager.setTabBarItemTitleFontSizeActive(view, value == null ? 0f : ((Double) value).floatValue());
         break;
+      case "tabBarItemActivityIndicatorColor":
+        mViewManager.setTabBarItemActivityIndicatorColor(view, ColorPropConverter.getColor(value, view.getContext()));
+        break;
       case "controlNavigationStateInJS":
         mViewManager.setControlNavigationStateInJS(view, value == null ? false : (boolean) value);
         break;

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

@@ -29,5 +29,6 @@ public interface RNSBottomTabsManagerInterface<T extends View>  {
   void setTabBarItemTitleFontColorActive(T view, @Nullable Integer value);
   void setTabBarItemIconColorActive(T view, @Nullable Integer value);
   void setTabBarItemTitleFontSizeActive(T view, float value);
+  void setTabBarItemActivityIndicatorColor(T view, @Nullable Integer value);
   void setControlNavigationStateInJS(T view, boolean value);
 }

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

@@ -86,6 +86,7 @@ export function BottomTabsContainer(props: BottomTabsContainerProps) {
       onNativeFocusChange={onNativeFocusChangeCallback}
 
       tabBarBackgroundColor={Colors.NavyLight100}
+      tabBarItemActivityIndicatorColor={Colors.GreenLight40}
       tabBarTintColor={Colors.YellowLight100}
       tabBarItemBadgeBackgroundColor={Colors.GreenDark100}
       tabBarItemIconColor={Colors.BlueLight100}

src/components/BottomTabs.tsx

@@ -46,7 +46,8 @@ export interface BottomTabsProps extends ViewProps {
   tabBarItemTitleFontSizeActive?: TextStyle['fontSize'];
   tabBarItemTitleFontColorActive?: TextStyle['color'];
   tabBarItemIconColorActive?: ColorValue;
-
+  tabBarItemActivityIndicatorColor?: ColorValue;
+
   // Control
 
   // Experimental support

src/fabric/BottomTabsNativeComponent.ts

@@ -70,6 +70,7 @@ export interface NativeProps extends ViewProps {
   tabBarItemTitleFontColorActive?: ColorValue; 
   tabBarItemIconColorActive?: ColorValue;
   tabBarItemTitleFontSizeActive?: Float;
+  tabBarItemActivityIndicatorColor?: ColorValue;
 
   // Control