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

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

 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, // 这是重点!
  },

好了,好使了 舒服了

猜你喜欢

转载自blog.csdn.net/khadijiah/article/details/121699763