reactNative 中使用position:absolute绝对定位引起的遮挡

直接上图吧，想要的效果，就是给卡片右上角加一个标签：position:absolute得到的效果，安卓上不好截图，不放图了，就是呗压在了卡片下面，自行脑补吧解决办法：1、和web不同zIndex不好使，999也不好使2、发现一个新属性（我没用过的就是新的~）：elevation上代码：skuTagNew: {flex: 1,height: px2dp(35),paddingRight: px2dp

khadijiah

2792人浏览 · 2021-12-03 15:31:34

khadijiah · 2021-12-03 15:31:34 发布

直接上图吧，想要的效果，就是给卡片右上角加一个标签：

position:absolute得到的效果，安卓上不好截图，不放图了，就是呗压在了卡片下面，自行脑补吧

解决办法：

1、和web不同zIndex不好使，999也不好使

2、发现一个新属性（我没用过的就是新的~）：elevation

上代码：

  skuTagNew: {
    flex: 1,
    height: px2dp(35),
    paddingRight: px2dp(7),
    paddingLeft: px2dp(7),
    backgroundColor: 'rgb(255,80,0)',
    position: 'absolute',
    top: px2dp(0),
    right: px2dp(0),
    borderRadius: px2dp(8),
    alignItems: 'center',
    justifyContent: 'center',
    elevation: 999, // 这是重点！
  },

好了，好使了舒服了