在GitHub上卖弄有很多的RN资源,在下载下来的项目直接在Androidstudio上面是不能直接打开的,需要导入项目的方式导入

1.這樣导入新项目,

android studio如何跑安卓项目 android studio怎么跑rn项目_android

2.选择下载的项目的文件夹

android studio如何跑安卓项目 android studio怎么跑rn项目_bundle_02

3.点击“Next”进入下一步

android studio如何跑安卓项目 android studio怎么跑rn项目_android_03

4.选择默认的就行,点击finish。

android studio如何跑安卓项目 android studio怎么跑rn项目_android_04

5.新开一个窗口,选new window

android studio如何跑安卓项目 android studio怎么跑rn项目_android_05

6.

android studio如何跑安卓项目 android studio怎么跑rn项目_Android_06

发现啥也没有。在下面有

android studio如何跑安卓项目 android studio怎么跑rn项目_android_07

的提示,点进去是

android studio如何跑安卓项目 android studio怎么跑rn项目_Android_08

点击configure,

android studio如何跑安卓项目 android studio怎么跑rn项目_android_09

点击“OK”就行。然后进入终端,点击下面的图标。

android studio如何跑安卓项目 android studio怎么跑rn项目_android_10

下面是重点需要注意的地方。

一、首先需要运行 npm install,不然会提示没有react-native项目。出现下面的情况说明成功了。

android studio如何跑安卓项目 android studio怎么跑rn项目_android_11

二、在运行安卓的项目前还有些准备工作需要做。

1、将其他项目的

android studio如何跑安卓项目 android studio怎么跑rn项目_android_12

拷贝在RN项目的Android目录下,因为这是让安卓项目找到本地的SDK的方法,如果没有此步骤则会出现

android studio如何跑安卓项目 android studio怎么跑rn项目_bundle_13

这样的错误,找不到SDK,上面的方法就可以解决这个问题。

2.需要生成运行需要的bundle文件,如果在(D:\ReactNative\RNPushToNative\android\app\src\main\assets)

android studio如何跑安卓项目 android studio怎么跑rn项目_Android_14

的目录下没有assets目录,需要手动建立一个assets文件夹。

然后在终端运行 含有  AppRegistry.registerComponent 注册代码的js文件(这个是入口的位置),运行代码

react-native bundle --platform android --dev false --entry-file index.js  --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/assets

注意红色的是js文件的名称,而且是有注册代码的js文件,绿色的是assets的路径,但注意不是完整路径,只是在Android文件夹下的路径。

运行结果

android studio如何跑安卓项目 android studio怎么跑rn项目_android_15

生成的文件

android studio如何跑安卓项目 android studio怎么跑rn项目_android_16

此刻就可以运行Android的代码了,运行的命令为:

react-native run-android

android studio如何跑安卓项目 android studio怎么跑rn项目_bundle_17

如果沒有錯的話就會是下面的程序

android studio如何跑安卓项目 android studio怎么跑rn项目_Android_18

最後成功的启动项目

android studio如何跑安卓项目 android studio怎么跑rn项目_android_19

 

补充:在运行项目的时候可能会出现

android studio如何跑安卓项目 android studio怎么跑rn项目_bundle_20

解决办法:

android studio如何跑安卓项目 android studio怎么跑rn项目_android_21

, 后面表示缺少‘’里面的什么就用这个命令进行安装就可以了。

补充:在引入图片的时候出现了找不到图片的情况,主要是路径放的不对,更改存储的路径就可以了,但是后面运行的 时候图片显示不出来,感觉没有加载到,是因为没有生成相应的bundle文件,运行

react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bu
ndle --assets-dest android/app/src/main/res/
就可以了,图片就可以运行了。