React Native 0.65.1集成BottomNavigation、DrawerNavigation模块报错求助

• 确认依赖安装完整
  仅安装@react-navigation/bottom-tabs无法正常运行导航模块，React Navigation 6.x版本还要求必须安装核心依赖react-native-screens、react-native-safe-area-context，如果用到抽屉导航还需要额外安装react-native-gesture-handler、react-native-reanimated，缺失以上任意依赖都会出现导入报错。
• 统一依赖版本，避免版本不兼容
  React Native 0.65.1 适配React Navigation 6.x全系列版本，请确保所有@react-navigation开头的依赖大版本号完全一致，避免出现@react-navigation/native为5.x、@react-navigation/bottom-tabs为6.x的不匹配情况。
  可执行以下命令重新安装所有适配版本的依赖：

# 先卸载旧的不完整依赖
npm uninstall @react-navigation/native @react-navigation/bottom-tabs @react-navigation/drawer
# 安装匹配6.x版本的所有必需依赖
npm install @react-navigation/native@6.x @react-navigation/bottom-tabs@6.x @react-navigation/drawer@6.x react-native-screens react-native-safe-area-context react-native-gesture-handler react-native-reanimated@2.x

• 执行原生依赖链接
  iOS平台需要进入ios目录执行pod install安装原生依赖：

cd ios && pod install && cd ..

安卓平台无需额外操作，直接重新打包运行即可。

• 添加全局导入配置
  在项目入口文件（通常是index.js或App.js）的最顶部添加手势库导入，这是抽屉导航和滑动交互正常运行的必需配置：

import 'react-native-gesture-handler';

• 修正代码逻辑
  当前BottomNav代码结构是正确的，但需要注意NavigationContainer全局只能使用一次，如果你在根组件（App.js）中已经引入了NavigationContainer，请删除BottomNav组件内的NavigationContainer标签，避免嵌套导致报错。

内容的提问来源于stack exchange，提问作者Chiến Nguyễn Văn