tengo un modal.

 const RenderModal = ({ modalActive, }) => { return ( <Modal animationType="slide" transparent={true} visible={modalActive} > </Modal> ) }

Presento mi modal en mi vista principal de esta manera;

 <RenderModal modalActive={modalActive} />

Activo mi modal en mi vista de padres así;

 <TouchableOpacity onPress={() => { setModalActive(true) }} > </TouchableOpacity>

Cuando modal está activo, el navegador de pestañas inferiores aún está visible.

Quiero cambiar dinámicamente la visibilidad del navegador de pestañas inferiores.

Para lograr esto, agregué a continuación a mi vista principal;

 import { useNavigation } from '@react-navigation/native'; const navigation = useNavigation();

Luego activo mi modal así;

 <TouchableOpacity onPress={() => { navigation.setOptions({ tabBarVisible: false }); setModalActive(true) }} > </TouchableOpacity>

navigation.setOptions({ tabBarVisible: false }) no funciona.

¿Cómo puedo ocultar dinámicamente mi navegador de pestañas inferiores?

Editar:

A continuación tampoco funciona.

 useEffect(() => { navigation.setOptions({tabBarVisible: !modalActive}); }, [modalActive])