# androidrn

**Repository Path**: learn-react_1/androidrn

## Basic Information

- **Project Name**: androidrn
- **Description**: 在已有的android项目中集成react native
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-01-04
- **Last Updated**: 2024-01-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



尝试了大量的配置

gradle version 7.5.1

gradle plugin version 7.4.2

gradle下载太慢，更换了gradle-wrapper.properties 下的下载路径，修改为了腾讯云的镜像

```
distributionUrl=https\://mirrors.cloud.tencent.com/gradle/gradle-7.5.1-all.zip
```



kotlin_version的版本也做了修改，项目级build.gradle文件如下

```groovy
// Top-level build file where you can add configuration options common to all sub-projects/modules.
buildscript {
    ext.kotlin_version = '1.6.0' // 修改为1.6.0的版本
    repositories {
        maven { url 'https://maven.aliyun.com/repository/public/' }
        maven { url 'https://maven.aliyun.com/repository/google/' }
//        maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
        mavenCentral() // add repository
        google()
    }
    dependencies {
//        classpath("com.facebook.react:react-native-gradle-plugin")
        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
    }
    allprojects {
        repositories {
            maven { url 'https://maven.aliyun.com/repository/public/' }
            maven { url 'https://maven.aliyun.com/repository/google/' }
            mavenCentral() // add repository
            maven {
                // All of React Native (JS, Android binaries) is installed from npm
                url "$rootDir/../node_modules/react-native/android"
            }
            maven {
                // Android JSC is installed from npm
                url("$rootDir/../node_modules/jsc-android/dist")
            }
        }
    }
}
plugins {
    id 'com.android.application' version '7.4.2' apply false
    id 'com.android.library' version '7.4.2' apply false
}


```





开发
先执行yarn start，然后重新运行android项目
启动后就可以看到加载的react native项目

而且修改之后，可以及时看到修改的效果



通过该命令运行打包，会得到index.android.bundle包，并且输出到main/assets下面，重新运行android项目，就可以看到加载了打包之后的文件

需要在android项目中main文件夹下新建assets文件夹
yarn react-native bundle --platform android --entry-file index.js --bundle-output ./android/app/src/main/assets/index.android.bundle --dev false

不过这样子新建固定文件，开发时，就不会加载本地启动的index.bundle，应该有一种可以加载bundle的方法