React Native中Navigator加载函数报错提示render方法问题求助

• 检查所有导航路由的注册语法：BottomTabNavigator、RootStack中注册screen时，component字段必须传入组件本身，不能传入组件执行后的返回值，正确写法为component={HomeScreen}，错误写法为component={HomeScreen()}
• 检查所有路由对应组件的返回值：类组件的render方法、函数组件的返回值，只能是合法JSX节点、null两种类型，不能返回undefined、函数、对象等非渲染类型的值；如果存在条件渲染逻辑，必须加兜底返回值
• 检查导航容器的使用规则：整个应用的导航树最外层必须有且仅有一个NavigationContainer组件包裹，不允许出现嵌套的NavigationContainer
• 检查导航相关依赖的版本一致性：@react-navigation/native、@react-navigation/bottom-tabs、@react-navigation/native-stack、@react-navigation/stack等相关依赖的大版本必须匹配，避免出现6.x核心库搭配5.x栈导航库这类版本不兼容问题
• 检查自定义导航组件的逻辑：如果自定义了tabBar、header、导航拦截器等组件，要确认这些组件最终返回的是合法JSX，不能直接返回函数或者其他非渲染值
• 排查组件声明的语法错误：如果使用箭头函数声明组件，要注意隐式返回的语法规则，const HomeScreen = () => <View />为正确写法，如果加了大括号则必须显式写return：const HomeScreen = () => { return <View /> }

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