Android react-native 初次接触

最近，公司给了个项目要我修改一下，没想到是react-native混合项目。奋斗了1天半终于改完，说说我遇到的坑。

要使用react-native，先要安装配置好环境，这一步骤，我试了4次，才好。

1、先下载安装node.js：这里文档众多，就不多说了。

2、然后是通过node.js安装npm，react-native命令行工具，

3、之后就可以通过命令创建项目了：react-natvie init 项目名，完了就能看到项目了，

文件夹目录应该是这样的。

4、开始打开项目修改，解压完，发现目录完全不一样

loan-king-react里是node_modules,还是我后来复制进去的，

用Android打开loan-king-android，build一下，报找不到com.facebook.react:react-native:0.49.5，最后在loan-king-react/node_modules/react-native/android下找到了com.facebook.react是0.58.9的，这时就只能替换node_modules文件夹了，去哪找呢？使用react-native init 项目名称 --version 0.49.5，创建指定版本的项目，然后复制其中的node_modules替换。build通过，run-->ok.

然后是修改，一些Android目录下面的资源很容易，

react下面的资源改了之后，需要根目录下执行命令更新assets下面的index.android.bundle、index.android.bundle.meta、index.android.map文件。

命令：

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

我的目录结构和文件名都被改过，我执行的命令是这样的：

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

打开开发模式，adb shell input keyevent 82

 

遇到一个图片资源的问题：failed to read PNG signature: file does not start with PNG signature.但是图片确实在。改一下图片格式，就好了。