react-native - react native : zIndex not taken seriously on Android

Question

有一个包含图像的容器组件。这个容器应该是 后面不同容器组件中的文本。两个容器组件距离 Root 元素的深度相同。解释确切的结构有点复杂。

问题的要点是 zIndex 在 iOS 上受尊重，但在 Android 上不受尊重。您可以在此处克隆 Expo 项目

https://github.com/fullhdpixel/stopwatch_RN

iOS截图(正确):



Android 屏幕截图(不正确，请参阅圈数文字)

Answer 1

在安卓上 zIndex与 elevation 打架属性(property)。如果您使用的是 elevation纯粹为了阴影，你应该使用这样的组件来获取阴影 - https://github.com/Kishanjvaghela/react-native-cardview

或者您可以尝试设置 elevation但与 backgroundColor: 'transparent' .我认为这会提高元素但不会给它带来阴影。 (如果您尝试这种方式，请告诉我它是否仍然有效，我忘记了，这可能是他们修复的错误)。

编辑:

刚刚尝试了没有阴影技巧的高程，它有效，这是世博会尝试的小吃 - https://snack.expo.io/@noitsnack/elevation-without-shadow-trick