使用Drawer Navigator时React Native(Expo)安卓打包后崩溃求助

云原生阿岚

2026-7-6

React Native Expo打包安卓APK后启动崩溃排查方案

核心问题分析

从你的配置和代码来看，主要是依赖版本冲突和React Native Reanimated未正确配置导致的打包后崩溃——Expo Go会自动兼容部分依赖问题，但打包成独立APK时这些问题会直接暴露。

具体解决步骤

1. 移除冲突的导航依赖

你的package.json中同时存在react-navigation@5和@react-navigation/*@6，两个版本完全不兼容，会引发运行时错误。执行命令移除旧版本：

npm uninstall react-navigation
# 或使用yarn：yarn remove react-navigation

重新安装依赖：

npm install
# 或 yarn install

2. 配置React Native Reanimated的Babel插件

抽屉导航依赖react-native-reanimated，打包时必须在Babel配置中添加该插件，否则会直接崩溃。
在项目根目录的babel.config.js中修改配置（无此文件则新建）：

module.exports = function(api) {
  api.cache(true);
  return {
    presets: ['babel-preset-expo'],
    plugins: ['react-native-reanimated/plugin'],
  };
};

⚠️ 注意：该插件必须放在所有其他插件的最后位置，否则会引发异常。

3. 清理缓存并重新打包

执行命令清理Expo和npm缓存：

expo r -c
npm cache clean --force

重新构建安卓APK：

eas build --profile preview --platform android

4. 验证Test组件的正确性

确保./page/Test.js无语法错误或异常逻辑，可先简化为基础组件测试：

import { View, Text } from 'react-native';

export default function Test() {
  return (
    <View style={{flex:1, justifyContent:'center', alignItems:'center'}}>
      <Text>Test Page</Text>
    </View>
  );
}