Estoy tratando de cambiar la altura de la barra de navegación de mi pestaña inferior en React Native. Probé algunas respuestas de esta pregunta de desbordamiento de pila, pero nada parece funcionar. Por favor ayuda.

Mi código:

 export default function AppTabs({ logged }) { const Tabs = createBottomTabNavigator(); return ( <NavigationContainer> <SafeAreaView style={{ flex: 1 }}> <Tabs.Navigator screenOptions={({ route }) => ({ tabBarIcon: ({ focused, color, size }) => { const current_color = focused ? COLORS.white : COLORS.lightGrey; if (route.name === "Home") { return <Foundation name="home" size={28} color={current_color}/> } else if (route.name === "Search") { return <Ionicons name="search" size={28} color={current_color} /> } else if (route.name === "Library") { return <MaterialCommunityIcons name="bookshelf" size={28} color={current_color} /> } }, header: () => null, tabBarActiveBackgroundColor: COLORS.darkGgrey, tabBarInactiveBackgroundColor: COLORS.darkGgrey, tabBarActiveTintColor: COLORS.white, tabBarInactiveTintColor: COLORS.lightGrey })} > <Tabs.Screen name="Home" component={Home}/> <Tabs.Screen name="Search" component={Search}/> <Tabs.Screen name="Library" component={Library}/> </Tabs.Navigator> <PlayerBar track_name="Heart Attack" artist="Dave"/> </SafeAreaView> </NavigationContainer> ); }