React native React Native 0.60.5中的ZIndex问题

React native React Native 0.60.5中的ZIndex问题,react-native,animation,view,React Native,Animation,View,我在React Native 0.60.5中遇到了z-index的问题,这是目前最新的版本。我想要一个红色的盒子和一个蓝色的盒子重叠 我试过: z索引:红色框为1,蓝色框为-1 z-索引:红色框为1000,蓝色框为-1000 红色框无z索引,蓝色框为-1 以上都不起作用 案例1: < 看法 样式={ { 身高:100, 宽度:100, zIndex:-1, 背景颜色:“蓝色”, 位置:'绝对', } } /> 案例2: < 看法 样式={ { 身高:100, 宽度:100, zIndex

我在React Native 0.60.5中遇到了z-index的问题,这是目前最新的版本。我想要一个红色的盒子和一个蓝色的盒子重叠

我试过:

  • z索引:红色框为1,蓝色框为-1
  • z-索引:红色框为1000,蓝色框为-1000
  • 红色框无z索引,蓝色框为-1
  • 以上都不起作用

    案例1:

    
     <
    看法
    样式={
    {
    身高:100,
    宽度:100,
    zIndex:-1,
    背景颜色:“蓝色”,
    位置:'绝对',
    }
    }
    />
    
    案例2:

     <
    看法
    样式={
    {
    身高:100,
    宽度:100,
    zIndex:-1000,
    背景颜色:“蓝色”,
    位置:'绝对',
    }
    }
    />
    
    案例3:

     <
    看法
    样式={
    {
    身高:100,
    宽度:100,
    zIndex:-1,
    背景颜色:“蓝色”,
    位置:'绝对',
    }
    }
    />
    

    删除位置:“绝对”应该可以。位置:绝对高于一切如果没有绝对,它将遵循正常顺序。这意味着一个蓝色框在一个红色框的上方。你能解释一下吗?你给出的是绝对位置,但你没有指定使用绝对位置视图对齐项目时需要指定的位置,这与相对位置视图不同
     View
     style = {
      {
       height: 100,
       width: 100,
       zIndex: -1000,
       backgroundColor: 'blue',
       position: 'absolute',
       top : 10,
       left : 0
      }
     }
     />