feat: Support more than 6 screens on Android

.changeset/giant-years-turn.md

@@ -0,0 +1,5 @@
+---
+"react-native-bottom-tabs": patch
+---
+
+feat: support more than 6 screens on Android

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

@@ -34,8 +34,14 @@ import com.google.android.material.navigation.NavigationBarView.LABEL_VISIBILITY
 import com.google.android.material.navigation.NavigationBarView.LABEL_VISIBILITY_UNLABELED
 import com.google.android.material.transition.platform.MaterialFadeThrough
 
+class ExtendedBottomNavigationView(context: Context) : BottomNavigationView(context) {
+  override fun getMaxItemCount(): Int {
+    return 100
+  }
+}
+
 class ReactBottomNavigationView(context: Context) : LinearLayout(context) {
-  private var bottomNavigation = BottomNavigationView(context)
+  private var bottomNavigation = ExtendedBottomNavigationView(context)
   val layoutHolder = FrameLayout(context)
 
   var onTabSelectedListener: ((key: String) -> Unit)? = null
@@ -456,7 +462,7 @@ class ReactBottomNavigationView(context: Context) : LinearLayout(context) {
     // React Native opts out ouf Activity re-creation when configuration changes, this workarounds that.
     // We also opt-out of this recreation when custom styles are used.
     removeView(bottomNavigation)
-    bottomNavigation = BottomNavigationView(context)
+    bottomNavigation = ExtendedBottomNavigationView(context)
     addView(bottomNavigation)
     updateItems(items)
     setLabeled(this.labeled)

packages/react-native-bottom-tabs/src/TabView.tsx

@@ -162,7 +162,7 @@
   };
 }
 
-const ANDROID_MAX_TABS = 6;
+const ANDROID_MAX_TABS = 100;
 
 const TabView = <Route extends BaseRoute>({
   navigationState,
@@ -220,7 +220,7 @@
 
   if (!loaded.includes(focusedKey)) {
     // Set the current tab to be loaded if it was not loaded before
     setLoaded((loaded) => [...loaded, focusedKey]);
   }
 
   const icons = React.useMemo(