美文网首页
RN布局中遇到的层级问题(zIndex,elevation)

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

作者: sheepmiee | 来源:发表于2017-07-13 10:07 被阅读1714次

一、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无关

相关文章

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/pyzbhxtx.html