react-native - React Native mapbox gl zIndex未按预期显示

Question

我正在尝试构建一个 LIVE 地图，我注意到当渲染处于不同状态时，react-native mapbox gl 的 zIndex 不起作用。当您在之后渲染某些东西时，它会留在下面。无论如何，某些事情总是最重要的吗？例如，无论如何，回调应该始终位于最前面。

<MapboxGL.MapView
        style={{flex: 1}}
        styleURL={'mapbox://styles/gigajungkyu/ckt962t3a19zh17pfq1sr7z3f'}
        pitchEnabled={false}
        rotateEnabled={false}>
        <MapboxGL.PointAnnotation
          id={'1'}
          key={'1'}
          style={{zIndex: 1}}
          coordinate={[-122.849, 49.1]}>
          <TouchableOpacity
            style={{zIndex: 1}}
            onPress={() => setDisplay((prevState) => !prevState)}>
            <View
              style={{width: 100, height: 100, backgroundColor: 'red'}}></View>
          </TouchableOpacity>
          <MapboxGL.Callout title={'You'} />
        </MapboxGL.PointAnnotation>
        {display && (
          <MapboxGL.PointAnnotation
            id={'2'}
            key={'2'}
            style={{zIndex: 99999999}}
            coordinate={[-103.349, 49.1]}>
            <TouchableOpacity style={{zIndex: 5}}>
              <View
                style={{
                  width: 100,
                  height: 100,
                  backgroundColor: 'blue',
                }}></View>
            </TouchableOpacity>
            <MapboxGL.Callout title={'You'} />
          </MapboxGL.PointAnnotation>
        )}
      </MapboxGL.MapView>