react-native基础知识和开发注意事项

样式

rn是基于flex布局,可以理解为rn的布局中在最外层默认给我们添加了display:flex,并且rn中flex布局默认是竖直排列的,想要横向排列要设置flexDirection:"row"
rn页面中并不是所有样式属性都可以用,比如css2那些样式如float,position等就不能用,具体能用什么在官网中按照rn-xx组件-style顺序去查看,有些样式是rn独有的
rn中所有尺寸都是没有单位的,尺寸是逻辑像素点,比如设备的dpr=2(物理像素/逻辑像素),我们设置width=50(逻辑像素),渲染到设备上是100物理像素
使用styledSheet时,同一个元素的样式要用数组写,否则后面会覆盖前面的

长列表

rn中提供了flatList组件用于长列表数据,而且元素可以增删,和ScrollView不同的时,FlatList并不会立即渲染所有的数据,而是优先渲染屏幕上可见的数据,所以在rn项目中FlatList已经帮我们做好了路由懒加载,我们无须在去做了

网络

rn中不能使用jquery,因为jq内部很多是浏览器的api,很多操作是rn用不了的

props

在rn项目中我们打印this.props为空,但是不代表this.props内部没有数据,只是打印不出来而已

三木运算

rn中是没有“”,所以

{this.props.flag?<div></div>:""}//这种写法错误
{this.props.flag?<div></div>:null}//这宗写法才正确