Anyone aware of a good scaling pattern to handle complex navigation.
Not looking for a lib (we already based our stack on React Navigation)

Is it possible to turn off scaling down the parent screen when opening a modal using @react-navigation/native-stack?
Check my code below please:

I have a drawer with two components, Home screen and todoList. From todoList page I want to go to Add Item page. So when I nest my stack navigator and navigate to todolist page from drawer, When i click the + button in todolist it says “The action ‘NAVIGATE’ with payload {“name”:”AddNewItem”} was not handled by any navigator.Do you have a screen named ‘AddNewItem’?.”

I need to pass the navigation object (the one I receive, for example, using useNavigation()) as a prop to a component. The issue is that the one I’m interested in is the navigation object of a nested navigation:

I’m using react native navigation and when i try to navigate to a page or go back, it “dims/lower opacity” the current page and generates the animation of left to write to show focus on the page im trying to focus on by default. I like the animation of swiping left to right but no the “dimming” part since it creates a crease from the header

I’m trying to build a half modal using react navigation. however when is croll down i see a weird dim background oapcity. Is there any way to get rid of this?

How do i get change border radius in navigation in a group? If the group is just showing a screen of a screen component then the border radius gets applied but when i put it in a navigation stack then it overwrites.. Any help would be appreciated!