fix: pass icon name, remove dispatchGlobalLayout

Author: okwasniewski

android/src/main/java/com/rcttabview/RCTTabView.kt

@@ -3,8 +3,6 @@ package com.rcttabview
 import android.content.Context
 import android.view.Choreographer
 import android.view.MenuItem
-import android.view.View
-import android.view.ViewGroup
 import androidx.appcompat.content.res.AppCompatResources
 import com.facebook.react.bridge.Arguments
 import com.facebook.react.bridge.WritableMap
@@ -40,16 +38,13 @@ class ReactBottomNavigationView(context: Context) : BottomNavigationView(context
 
   private fun onTabSelected(item: MenuItem) {
     val selectedItem = items?.first { it.title == item.title }
-    if (selectedItem == null) {
-      return
-    }
-    
-    startAnimation()
-
-    val event = Arguments.createMap().apply {
-      putString("key", selectedItem.key)
+    selectedItem?.let {
+      val event = Arguments.createMap().apply {
+        putString("key", selectedItem.key)
+      }
+      onTabSelectedListener?.invoke(event)
+      startAnimation()
     }
-    onTabSelectedListener?.invoke(event)
   }
 
   // Refresh TabView children to fix issue with animations.
@@ -91,7 +86,6 @@ class ReactBottomNavigationView(context: Context) : BottomNavigationView(context
 
   // Fixes issues with BottomNavigationView children layouting.
   private fun measureAndLayout() {
-    viewTreeObserver.dispatchOnGlobalLayout();
       measure(
         MeasureSpec.makeMeasureSpec(width, MeasureSpec.EXACTLY),
         MeasureSpec.makeMeasureSpec(height, MeasureSpec.EXACTLY))

src/TabView.tsx

@@ -9,6 +9,7 @@ export type BaseRoute = {
   title?: string;
   badge?: string;
   lazy?: boolean;
+  icon?: string;
 };
 
 type NavigationState<Route extends BaseRoute> = {
@@ -56,7 +57,7 @@ const TabView = <Route extends BaseRoute>({
   const items: TabViewItems = navigationState.routes.map((route) => ({
     key: route.key,
     title: route.title ?? route.key,
-    icon: 'document.fill',
+    icon: route.icon,
     badge: route.badge,
   }));