Fix how we handle dynamic tab bar items (#1932)

Author: ethanshar

src/components/tabController/TabBar.tsx

@@ -206,9 +206,9 @@ const TabBar = (props: Props) => {
           iconColor={iconColor}
           selectedIconColor={selectedIconColor}
           activeBackgroundColor={activeBackgroundColor}
-          key={item.label}
           {...item}
           {...context}
+          key={`${index}_${item.label}`}
           index={index}
           onLayout={onItemLayout}
         />

src/components/tabController/TabBarItem.tsx

@@ -149,7 +149,7 @@ export default function TabBarItem({
   const onLayout = useCallback((event: LayoutChangeEvent) => {
     const {width} = event.nativeEvent.layout;
 
-    if (!props.width && itemRef?.current) {
+    if (!itemWidth.current && itemRef?.current) {
       itemWidth.current = width;
       // @ts-ignore
       itemRef.current?.setNativeProps({style: {width, paddingHorizontal: null, flex: null}});