如何为React Native Stack Navigator指定默认展示的初始页面？

• 优先移除NavigationContainer上的independent={true}属性
  该属性仅用于嵌套导航的独立路由场景，非嵌套场景下添加会导致初始路由配置失效，是该问题最高发的诱因。
• 清理冗余参数
  你定义的StackNavigator组件声明了component入参但全程未使用，属于无效逻辑，先删除该参数避免父组件传值引发的不可预期渲染：

  // 修改前
  const StackNavigator = ({component}) => {
  // 修改后
  const StackNavigator = () => {
  

• 校验路由名称拼写完全一致
  确认initialRouteName的值和对应Stack.Screen的name属性完全匹配，大小写、拼写都不能有差异，配置不匹配时导航器会自动 fallback 到首个Screen渲染。
• 确认Stack实例创建逻辑正确
  需使用createNativeStackNavigator创建Stack实例，老版本createStackNavigator存在兼容问题会导致初始路由不生效：

  import { createNativeStackNavigator } from '@react-navigation/native-stack';
  const Stack = createNativeStackNavigator();
  

• 检查全局/页面初始化跳转逻辑
  排查App入口、Daily页面初始化生命周期（如useEffect）中是否存在强制跳转到AllTodos的逻辑，该类逻辑会覆盖导航器的初始路由配置。
• 清理缓存重启项目
  执行命令重置Metro缓存后重新运行项目，避免缓存导致的配置不生效问题：
  npx react-native start --reset-cache

内容的提问来源于stack exchange，提问作者Pro