现有Android项目 集成 React Native （一）

准备工作

1.Node.js (v20.15.1)

https://nodejs.org/zh-cn

2.JDK 17(exe)

https://www.oracle.com/java/technologies/downloads/?er=221886#java17

3.Android Studio (Koala)

https://developer.android.com/studio?gad_source=1&gclid=CjwKCAjw4ri0BhAvEiwA8oo6F66pSQiL0bSisK_pQVEFjrIBuHOsjZ0KN1S5o-BlTrXBzQpDbNePjBoCmBUQAvD_BwE&gclsrc=aw.ds&hl=zh-cn

开始集成

1.Android Studio 创建 空项目 RnApp（项目名）

2. RnApp项目 根目录 命令行执行 npm init

生成 package.json 文件

3.RnApp 项目根目录 命令行执行 npm add react-native

生成 node_modules 文件和package-lock.json 文件

4.RnApp 项目根目录 命令行执行 npm install @react-native/metro-config

（为了解决 此文件 丢失导致 error no Metro found
PS D:\Android\react\RnApp>)）

5.RnApp 根目录 创建 metro.cofig.js 文件

const {getDefaultConfig, mergeConfig} = require('@react-native/metro-config');

/**
 * Metro configuration
 * https://reactnative.dev/docs/metro
 *
 * @type {import('metro-config').MetroConfig}
 */
const config = {};

module.exports = mergeConfig(getDefaultConfig(__dirname), config);

6.RnApp 项目根目录 创建 react-native.config.js 文件

(解决项目启动 找不到默认 android路径 现有项目集成路径变了)

module.exports = {
  project: {
    android: {
      sourceDir: './',
    },
  },
};

7.RnApp 项目根目录 命令行执行 npm run start

（测试 是否可以启动服务 暂时不要run android