React-Native Context Api Not working in children screens

Question

I am making a music player app. I want the bottom Music player bar to display at all times, So i added my Track Player in the Bottom Navigator tab. Now I am loading all my songs from a python flask API so i made a Context API as my data layer and displayed all the images and Artist names from that data layer. Now I wrapped my Router in App.js in the Context API so that all the data is available to all the child items. Now the data is passing from my Stack navigator to Bottom Navigator to my screens, but is unable to reach the BottomMusicPlayer.js, Why ??

I am quite new to react-native so would refer a detailed answer. Thank You !

My code is here on this repo

question from:https://stackoverflow.com/questions/65896694/react-native-context-api-not-working-in-children-screens

Answer 1

Waitting for answers