You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

集成react-native-navigation的React Native项目构建失败求助

解决React Native集成react-native-navigation时expo-constants编译失败问题

从你的报错日志和项目配置来看,核心问题是AndroidX与旧Support库的适配冲突:你已经在gradle.properties中启用了AndroidX和Jetifier,但expo-constants(依赖expo 35)的代码仍在引用旧的android.support.annotation.Nullable注解,Jetifier没有正确完成这个依赖的转换工作。结合你的RN 0.59.10、expo 35、RNN 2.27.9版本组合,我整理了一套可行的修复方案:

步骤1:调整根目录build.gradle,强制所有子模块适配AndroidX

修改项目根目录的build.gradle中的subprojects块,添加AndroidX强制适配配置,确保所有依赖模块都使用AndroidX库:

subprojects {
    afterEvaluate {
        if ((plugins.hasPlugin('android') || plugins.hasPlugin('android-library'))) {
            android {
                compileSdkVersion rootProject.ext.compileSdkVersion
                buildToolsVersion rootProject.ext.buildToolsVersion

                // 引入AndroidX注解库,替换旧support注解
                useLibrary 'androidx.annotation:annotation:1.1.0'

                variantFilter { variant ->
                    def names = variant.flavors*.name
                    if (names.contains("reactNative51") || names.contains("reactNative55") || names.contains("reactNative56") || names.contains("reactNative57") ) {
                        setIgnore(true)
                    }
                }
            }
            // 自动替换所有support库依赖为AndroidX对应库
            configurations.all {
                resolutionStrategy.eachDependency { details ->
                    def requested = details.requested
                    if (requested.group == 'com.android.support') {
                        details.useGroup 'androidx.appcompat'
                        details.useVersion "${rootProject.ext.supportLibVersion}"
                    }
                    if (requested.name in ['support-v4', 'support-v7', 'design']) {
                        def suffix = requested.name.split('-')[1]
                        details.useName "appcompat-${suffix}"
                    }
                }
            }
        }
    }
}

步骤2:修复MainApplication中的Unimodules初始化逻辑

你的MainApplication.java里缺少Unimodules的核心初始化代码,导致expo模块无法正确加载。修改createAdditionalReactPackages方法:

import java.util.ArrayList;
// ... 其他原有导入

private final ReactModuleRegistryProvider mModuleRegistryProvider = new ReactModuleRegistryProvider(
  new BasePackageList().getPackageList(),
  Arrays.<SingletonModule>asList()
);

@Override
public List<ReactPackage> createAdditionalReactPackages() {
  List<ReactPackage> packages = new ArrayList<>(getPackages());
  // 添加Unimodules适配器包
  packages.add(new ModuleRegistryAdapter(mModuleRegistryProvider));
  // 手动添加其他RN原生包(避免自动加载遗漏)
  packages.add(new ReanimatedPackage());
  packages.add(new RNScreensPackage());
  packages.add(new RNGestureHandlerPackage());
  return packages;
}

步骤3:调整依赖版本,修复兼容性

  1. 升级react-native-unimodules到适配expo 35的稳定版本:
npm install react-native-unimodules@0.5.6 --save
  1. 升级react-native-navigation到同分支的最新版本,修复潜在的AndroidX适配bug:
npm install react-native-navigation@2.27.11 --save

步骤4:彻底清理缓存并重新构建

执行以下命令清除所有缓存,避免旧缓存导致的问题:

# 清除npm缓存
npm cache clean --force
# 删除依赖文件和锁文件
rm -rf node_modules package-lock.json
# 重新安装依赖
npm install
# 清除Android构建缓存
cd android && ./gradlew clean
# 重新运行项目
cd .. && react-native run-android

额外检查点

  • 建议把app/build.gradle中的targetSdkVersion修改为和compileSdkVersion一致的28,避免版本不匹配的潜在问题
  • 确认gradle/wrapper/gradle-wrapper.properties中的gradle版本为4.10.1(你的配置是正确的,适配Android Studio 3.5.1)

按照以上步骤操作后,应该能解决expo-constants的编译错误,成功完成项目构建。

内容的提问来源于stack exchange,提问作者Demmy

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.14 08:28:32