fix: appearance issues with dark mode switches on Android

Author: okwasniewski

packages/react-native-bottom-tabs/android/src/main/java/com/rcttabview/RCTTabView.kt

@@ -56,6 +56,7 @@ class ReactBottomNavigationView(context: Context) : LinearLayout(context) {
   private var fontSize: Int? = null
   private var fontFamily: String? = null
   private var fontWeight: Int? = null
+  private var labeled: Boolean? = null
   private var lastReportedSize: Size? = null
   private var hasCustomAppearance = false
   private var uiModeConfiguration: Int = Configuration.UI_MODE_NIGHT_UNDEFINED
@@ -260,10 +261,13 @@ class ReactBottomNavigationView(context: Context) : LinearLayout(context) {
               }
           }
         }
-        updateTextAppearance()
-        updateTintColors()
       }
     }
+    // Update tint colors and text appearance after updating all items.
+    post {
+      updateTextAppearance()
+      updateTintColors()
+    }
   }
 
   private fun getOrCreateItem(index: Int, title: String): MenuItem {
@@ -295,6 +299,7 @@ class ReactBottomNavigationView(context: Context) : LinearLayout(context) {
   }
 
   fun setLabeled(labeled: Boolean?) {
+    this.labeled = labeled
     bottomNavigation.labelVisibilityMode = when (labeled) {
       false -> {
         LABEL_VISIBILITY_UNLABELED
@@ -310,7 +315,6 @@ class ReactBottomNavigationView(context: Context) : LinearLayout(context) {
 
   fun setRippleColor(color: ColorStateList) {
     bottomNavigation.itemRippleColor = color
-    hasCustomAppearance = true
   }
 
   @SuppressLint("CheckResult")
@@ -354,18 +358,15 @@ class ReactBottomNavigationView(context: Context) : LinearLayout(context) {
   fun setActiveTintColor(color: Int?) {
     activeTintColor = color
     updateTintColors()
-    hasCustomAppearance = true
   }
 
   fun setInactiveTintColor(color: Int?) {
     inactiveTintColor = color
     updateTintColors()
-    hasCustomAppearance = true
   }
 
   fun setActiveIndicatorColor(color: ColorStateList) {
     bottomNavigation.itemActiveIndicatorColor = color
-    hasCustomAppearance = true
   }
 
   fun setFontSize(size: Int) {
@@ -457,6 +458,7 @@ class ReactBottomNavigationView(context: Context) : LinearLayout(context) {
     bottomNavigation = BottomNavigationView(context)
     addView(bottomNavigation)
     updateItems(items)
+    setLabeled(this.labeled)
     uiModeConfiguration = newConfig?.uiMode ?: uiModeConfiguration
   }
 }