Okklusion verursacht durch absolute Positionierung mit position:absolute in ReactNative

Gehen Sie einfach zum Bild oben. Der gewünschte Effekt besteht darin, eine Beschriftung in der oberen rechten Ecke der Karte anzubringen:

 Der durch position:absolute erzielte Effekt ist nicht einfach, Screenshots auf Android zu machen, daher stelle ich das Bild nicht ein, sondern drücke es einfach unter die Karte und finde es selbst heraus.

Lösung:

1. Im Gegensatz zum Web ist zIndex nicht einfach zu verwenden, und 999 ist auch nicht einfach zu verwenden.

2. Ein neues Attribut gefunden (das, das ich nicht verwendet habe, ist neu~): Höhe

Obiger Code:

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

Okay, jetzt fühle ich mich wohl