研究了一下facebook的ReactNative,感觉就是各种坑,创建新项目还好,就怕是添加到原项目中,那就是个坑,其实主要原因是在Android方面还不是太成熟,今天就来大概描述下reactNative,希望有点用,个人建议不要按照官方的来,很多坑的,会让你回不了头的。
首先就是开始前的环境配置,我也就不去复制别人的了,直接来链接吧http://www.cnblogs.com/common1140/p/5145919.html 再次感谢这个链接给提供的帮助。 再次感谢这个链接给提供的帮助。
项目根目录下react-native bundle --platformandroid--dev false --entry-file index.android.js--bundle-output app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/
运行这个后面生成那个android的文件其实是可以删除掉的
生成这两个文件
这个浏览器打开http://localhost:8081/index.android.bundle?platform=android,看是不是在端口上
下面是正确的截图
打不开就在项目根目录下React Nativestart走一下
在react native的调用中其实就是反射的对应调用,安卓中的代码来调用js里面的。
所以在最初第一次尝试过程中要在自己根目录下有四个文件:node_modules文件夹、、.flowconfig、、package.json、、index.android.js
node_modules文件就是调用里面的东西,回克okhttp3的Address.class冲突,就是它里面可能也有这个东西吧。删掉okhttp3的jar包就行了。使用:在项目的build.gradle下面:
添加这两个
.flowconfig文件下载地址:
https://raw.githubusercontent.com/facebook/react-native/master/.flowconfig
用360极速浏览器下的,chrome浏览器是不行的,新建下载任务,搞进去,然后命名为.flowconfig就行了
Package.json:网上有很多关于RN的搭建环境,感觉就这个是对的。不过我还是要粘贴下我项目中的:
Index.android.js这个就是今后反射调用的js,就是通过class的名字来调用。
剩下就是回调了,我也给个链接http://www.tuicool.com/articles/Q36VJbj
csdn项目地址:
http://blog.csdn.net/greatdaocaoren/article/details/54631352