Navigate between different pages in router flux

hi every one.
I put the inside the App.js file of my drawer program and tab inside a router as follows.

```

```
Based on this code we get the following ui
Which has a lower Tab and a Drawer that is code inside App.js. Now inside one of these lower items we created a new Router and left the pages for it so that we could create a stack in this Router but also. For example, one of the lower Tab items in App.js is Profiles. (Profile.js) We coded it inside the profile like that.

```
export default ProfileNavigator = () => (






);
```
The problem now is that when we enter the profile page according to this image.
Drawer and other TAB items no longer work, Now my question is, what can I do to fix this problem? Thanks.
Of course, the structure of said files is as follows.