en mis pestañas inferiores nativas de reacción, quiero deshabilitar algunas pestañas en función de algunas condiciones, digamos que quiero deshabilitar la pestaña Perfil SIN eliminar la pantalla o el ícono de la pestaña real, entonces, ¿hay alguna manera de interceptar el ícono de la pestaña presionada por el usuario? Verifique si la pestaña presionada es ¿Perfil y si es NO HACER NADA en lugar de navegar a la pantalla Perfil?

Gracias por adelantado.

Mi componente de pestaña:

 <Tab.Navigator screenOptions={({ route }) => ({ headerShown: false , swipeEnabled: true, tabBarHideOnKeyboard: true, tabBarActiveTintColor: "#E13545", tabBarInactiveTintColor: "rgb(125,125,125)", tabBarShowLabel: false, tabBarLabelStyle: { fontSize: 10, margin: 0, padding: 0, textTransform: "none", fontFamily: "AirbnbCerealBook" }, tabBarItemStyle: { paddingVertical: 0 }, tabBarStyle: [ { width:root.uiStore.width+4,height:60,backgroundColor:'white',borderTopWidth:0,position:'absolute',left:0,bottom:0,right:0,borderTopWidth:1,borderTopColor:'rgba(0,0,0,0.1)',borderRightWidth:1,borderRightColor:'rgba(0,0,0,0.1)',borderLeftWidth:1,borderLeftColor:'rgba(0,0,0,0.1)',elevation:10,overflow:'hidden',borderTopLeftRadius:35,borderTopRightRadius:35, }, null ], })} > <Tab.Screen name="Home" component={STACK1} /> <Tab.Screen name="Favorites" component={STACK2} /> <Tab.Screen name="Discounts" component={STACK3} /> <Tab.Screen name="Profile" component={STACK4}/> </Tab.Navigator>