@Eternal Dreamer's Solution did solve a big fraction of the Issue. Additionally, I went over the Documentation of react-navigation/native at https://reactnavigation.org/ to learn how to effectively use the Stack Navigator. Summarized up I:
const Stack = createStackNavigator();
out of my React components like export default function App(){...}
, as suggestednavigation.goBack()
and .popTo()
as these functions discard loaded pages from the Stack, hence freeing memoryconst *name* = useNavigation()
calls in different components like a custom-header and migrated to passing a navigation element to such elements via their definition. Example: export const *ExampleHeader* = ({ navigation }: { navigation: NativeStackNavigationProp<any> }) => { return *The Headers Options*
In the end, the Application will always consume a bit of memory when rendering new components or a new page.