求React Native Drawer组件运行所需依赖的package.json截图

目前主流的React Native抽屉组件方案有两种，以下是对应的package.json依赖配置（替代截图展示核心内容）：

方案一：使用React Navigation Drawer Navigator（推荐） #

这是生态最完善的抽屉导航方案，依赖配置如下：

{
  "name": "RN-Drawer-Demo",
  "version": "0.0.1",
  "private": true,
  "dependencies": {
    "@react-navigation/drawer": "^6.6.6",
    "@react-navigation/native": "^6.1.9",
    "react": "18.2.0",
    "react-native": "0.72.6",
    "react-native-gesture-handler": "^2.12.0",
    "react-native-reanimated": "^3.3.0",
    "react-native-safe-area-context": "^4.7.4",
    "react-native-screens": "^3.25.0"
  }
}

核心依赖说明：

• @react-navigation/drawer：抽屉导航的核心实现
• @react-navigation/native：React Navigation基础框架
• react-native-gesture-handler：支持抽屉滑动手势
• react-native-reanimated：提供流畅的抽屉动画
• react-native-safe-area-context：适配设备安全区域
• react-native-screens：优化页面渲染性能

方案二：使用第三方react-native-drawer组件 #

若需求简单，可选择轻量第三方组件，依赖配置如下：

{
  "dependencies": {
    "react-native-drawer": "^2.5.1",
    "react": "18.2.0",
    "react-native": "0.72.6"
  }
}

实际项目中可根据React Native版本调整依赖的具体版本号。

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