RN布局中遇到的层级问题(zIndex,elevation)

一、zIndex是rn在0.30开始支持的属性,是可以生效的;
二、shadow(阴影)开头的样式现在可以在iOS上应用,但在安卓中是不生效的,而Android上对应的属性是elevation。设置elevation属性就等价于使用原生的elevation API,因而也有同样的限制(比如最明显的就是需要Android 5.0以上版本)。此外还会影响到层叠视图在空间z轴上的顺序。

结论

  • 对于Android,两个同一层级的定位组件(position:“absolute”)
    1、 既没有ZIndex属性,又没有elevation 属性时,在z轴的层叠关系由其摆放位置决定的,放在下面的组件会在上层;
    2、 两个组件只有zIndex没有elevation属性时,zIndex大的在上层
    3、 两个组件有elevation属性时,elevation大的在上层
    4、 两个组件既有zIndex属性elevation属性时,以elevation为准
  • 对于IOS,同层级的组件,z轴的层叠关系只与摆放顺序与zIndex有关,与elevation无关
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,242评论 25 708
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,511评论 0 17
  • 1.Introduction - 介绍 We challenged ourselves to create a v...
    两个朋友指甲阅读 1,396评论 0 5
  • 张执的目光一下子变得很复杂。他似乎是无奈的笑了笑:“我?我有什么值得你图的?” 陈煊依也笑了,笑的温柔:“是啊,张...
    洛芊芊阅读 364评论 11 0
  • Ⅰ 熊病了。 他经常感到寒冷,引起一阵阵控制不住的颤抖。他的皮毛没了光泽,零碎杂乱,像被火烧过一样。最可怕的是,他...
    晡大章鱼阅读 2,100评论 2 3