How to design the navigator structure of a React-Native Android app?

I am building an Expense Keeping app with React-Native on Android. Below is the UI flow chart of my app:

1. I wish to use the Drawer to navigate between top level scenes (shown in dark red).

2. In the Settings scene, there are options that require to navigate to a group of 2nd level scenes which can only navigate back to the Settings scene (shown in blue).

I want my Navigation bar to persist across scene transitions, so I am using the navigationBar props of the <Navigator> component.

Using a single <Navigator> as the top component in my app and manage all the scenes and routes with it is an obvious solution but this way it is harder to manage the "levels" of scenes.

I would like to know if there are any other better ways to structure the <Navigator> in my app, perhaps nesting navigators?