在GitHub上卖弄有很多的RN资源,在下载下来的项目直接在Androidstudio上面是不能直接打开的,需要导入项目的方式导入
1.這樣导入新项目,
2.选择下载的项目的文件夹
3.点击“Next”进入下一步
4.选择默认的就行,点击finish。
5.新开一个窗口,选new window
6.
发现啥也没有。在下面有
的提示,点进去是
点击configure,
点击“OK”就行。然后进入终端,点击下面的图标。
下面是重点需要注意的地方。
一、首先需要运行 npm install,不然会提示没有react-native项目。出现下面的情况说明成功了。
二、在运行安卓的项目前还有些准备工作需要做。
1、将其他项目的
拷贝在RN项目的Android目录下,因为这是让安卓项目找到本地的SDK的方法,如果没有此步骤则会出现
这样的错误,找不到SDK,上面的方法就可以解决这个问题。
2.需要生成运行需要的bundle文件,如果在(D:\ReactNative\RNPushToNative\android\app\src\main\assets)
的目录下没有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的代码了,运行的命令为:
react-native run-android
如果沒有錯的話就會是下面的程序
最後成功的启动项目
补充:在运行项目的时候可能会出现
解决办法:
, 后面表示缺少‘’里面的什么就用这个命令进行安装就可以了。
补充:在引入图片的时候出现了找不到图片的情况,主要是路径放的不对,更改存储的路径就可以了,但是后面运行的 时候图片显示不出来,感觉没有加载到,是因为没有生成相应的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/
就可以了,图片就可以运行了。