zoukankan      html  css  js  c++  java
  • 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}//这宗写法才正确
    
  • 相关阅读:
    Linux 启动过程详解
    ASM实例原始磁盘搜索路径
    RMAN命令总结
    使用DUPLICATE 方式创建ORACLE 11G DG备库环境
    Dataguard中日志传输服务
    Material design之Material Theme
    创建一个Material Design应用过程
    android Material design是什么
    Android 最新L版本,都更新什么东西了
    AndroidHttpClient和HttpEntity详解
  • 原文地址:https://www.cnblogs.com/liuXiaoDi/p/12923036.html
Copyright © 2011-2022 走看看