「原生 + RN 混合工程」一条命令启动全攻略：解密 react-native.config.js

最新推荐文章于 2026-06-06 19:38:19 发布

原创

最新推荐文章于 2026-06-06 19:38:19 发布 · 457 阅读

标签

#react native #前端 #android

收录于

Hybrid 开发模式越来越常见：原生 Android / iOS + React Native 模块混合开发。

但是，很多人遇到一个小坑：

我想直接在 Hybrid 工程里执行 yarn android，像纯 RN 工程一样一键跑起来，结果报错！

为什么会这样？React Native CLI 默认只认 ./android、./ios，根本不知道你的原生主工程在哪。

今天，我们就来揭秘 react-native.config.js，教你轻松解决这个问题，让 Hybrid 工程也能一条命令启动。

一、Hybrid 工程典型结构

先来看一个常见目录：

/HybridApp
   ├── /appA                # 原生 Android 工程（主工程）
   │     └── build.gradle
   │
   ├── /rnmodule            # React Native 模块
   │     ├── android/       # RN 的 Android library
   │     └── index.js
   │
   ├── package.json
   └── react-native.config.js

如果直接 yarn android，CLI 会去找 ./android，
但我们的 真正入口在 appA —— 所以它当然会失败。