React Navigation跳转异常：始终导航至栈首屏幕而非目标页面

点击按钮（如个人主页的Receipt history按钮）时，无法跳转到指定的ReceiptHistoryScreen等目标页面，反而始终导航至导航栈中第一个注册的屏幕。例如将栈首设为LoginScreen时跳转至该页面，改为LoginSuccess时则跳转至LoginSuccess，无论调用navigation.navigate指定哪个页面名称均无效。

原导航栈代码： #

<NavigationContainer>
    <Stack.Navigator>
    <Stack.Screen name="LoginScreen" component={LoginScreen} />
    <Stack.Screen name="ReceiptHistoryScreen" component={ReceiptHistoryScreen} />
    <Stack.Screen name="ProfileScreen" component={ProfileScreen} />
    <Stack.Screen name="HomeScreen" component={HomeScreen} />
    <Stack.Screen name="RegisterScreen" component={RegisterScreen} />
    <Stack.Screen name="LoginSuccess" component={LoginSuccess} />
    <Stack.Screen name="ReceiptDetailScreen" component={ReceiptDetailScreen} />
    </Stack.Navigator>
</NavigationContainer>

修改栈首后的导航栈代码： #

<NavigationContainer>
    <Stack.Navigator>
    <Stack.Screen name="LoginSuccess" component={LoginSuccess} />
    <Stack.Screen name="LoginScreen" component={LoginScreen} />
    <Stack.Screen name="ReceiptHistoryScreen" component={ReceiptHistoryScreen} />
    <Stack.Screen name="ProfileScreen" component={ProfileScreen} />
    <Stack.Screen name="HomeScreen" component={HomeScreen} />
    <Stack.Screen name="RegisterScreen" component={RegisterScreen} />
    <Stack.Screen name="ReceiptDetailScreen" component={ReceiptDetailScreen} />
    </Stack.Navigator>
</NavigationContainer>

附带相关代码截图（Code 1、Code 2、Code 3），恳请各位提供技术帮助。

内容的提问来源于stack exchange，提问作者BPM x Jordy