React Native个人见解。

来源:互联网 发布:电脑透视软件 编辑:程序博客网 时间:2024/05/29 18:39

研究了一下facebook的React Native,感觉就是各种坑,创建新项目还好,就怕是添加到原项目中,那就是个坑,其实主要原因是在Android方面还不是太成熟,今天就来大概描述下React Native,希望有点用,个人建议不要按照官方的来,很多坑的,会让你回不了头的。

首先就是开始前的环境配置,我也就不去复制别人的了,直接来链接吧http://www.cnblogs.com/common1140/p/5145919.html 再次感谢这个链接给提供的帮助。 再次感谢这个链接给提供的帮助。

项目根目录下react-native bundle --platform android --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 native start走一下

react native的调用中其实就是反射的对应调用,安卓中的代码来调用js里面的。

所以在最初第一次尝试过程中要在自己根目录下有四个文件:node_modules文件夹、、.flowconfig、、package.json、、index.android.js

node_modules文件就是调用里面的东西,回克okhttp3Address.class冲突,就是它里面可能也有这个东西吧。删掉okhttp3jar包就行了。使用:在项目的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


1 0
原创粉丝点击