Tengo una aplicación nativa de reacción, en mi archivo App.js he colocado StatusBar, de esta manera evito colocar uno en cada pantalla/componente, ahora quiero cambiar el color de StatusBar según el nombre de la ruta actual, ¿cómo puedo hacer esto?

Aplicación.js

 return ( <SafeAreaView style={{ flex: 1, backgroundColor: 'white', paddingTop: Platform.OS === 'android' ? 0 : 0 }}> <StatusBar barStyle="light-content" backgroundColor={ mapStore.isHot ? 'rgb(241, 60, 127)':'white'} /> <NavigationContainer> <ROOTSTACK1></ROOTSTACK1> </NavigationContainer> </SafeAreaView> );

Me relacioné con la tienda mobx pero no funcionó, quiero intentar evitar redux o mobx, ¿hay alguna forma de acceder al nombre de la ruta desde App.js?

Dentro de mi componente ROOTSTACK tengo un contenedor de pestañas, y la pestaña contiene cuatro navegadores de pila anidados.