本文共 1976 字,大约阅读时间需要 6 分钟。
react-native 是facebook的一个跨平台方案。可以开发出同时运行在Android 和iOS平台的app,有着learn onece write everywhere 的口号。 它是用js语言调用原生接口,利用React DOM dif算法进行高效渲染。可以实现接近原生的顺滑效果。
http://www.jianshu.com/p/7e3a69081760
初学react-native(以下简称RN)是在官方网站上看的文档,国内有人翻译成中文文档,看懂英文的最好到facebook的官网去看,那里有个神奇的模拟器可以运行看看最终效果,不过要想流畅地浏览还是需要把梯子。 文档一般只是提供一些简单的接口,要想快速掌握最好的方式是看别人写的源码,既能快速了解框架的知识,还能看到别人优秀的架构思维。
我最开始看的项目是github上的,把所有代码都看完基本上就知道该怎么做了。 浏览完源码之后还是要进行实践开发,否则永远只会停留在理论的层面。
react-native-GCore 模仿的是一款主机游戏资讯app
import {UIManager,findNodeHandle} from 'react-native'在cell里面实现
var hand = findNodeHandle(this) UIManager.measure(hand,(x,y,w,h,px,py)=>{ console.log('x: '+x +' y:' + y )})这个方法在iOS可以正常使用,但是在Android上 打印出来的x,y都是undefined, github上有人提示说加上
style={ {opacity:1}}
和 collapsable={false}
,经实验无效。overflow:'hidden'
。 超出父控件的部分会被隐藏掉,而且是无法修改的。当父控件设置了borderRadius,子控件并不会被父控件的设置了borderRadius而被切掉,官方有说明这个问题是由于Android 渲染的特殊性导致。 项目仍有很多细节未完善,做开发需要的是耐心和踏实的脚步,还要不断学习给自己充能量。项目暂时告了一段落 ,如果各位有一些更好的建议或者意见,希望大家提出来一起学习探讨。喜欢的童鞋可以在github上点个star。
转载地址:http://skrni.baihongyu.com/