React native:zIndex在Android上没有受到重视

Question

有一个容器组件,它包含一个Image.该容器应该位于不同容器组件中的文本后面.两个容器组件与Root元素的深度相同.解释确切的结构有点复杂.

问题的关键是zIndex在iOS上受到尊重,但在Android上却没有.您可以在此处克隆Expo项目

iOS截图(正确):

Android截图(不正确,请参阅圈文字)

Answer 1

在Android上zIndex与elevation财产斗争.如果你elevation纯粹用于阴影,你应该使用这样的组件来获取阴影 - https://github.com/Kishanjvaghela/react-native-cardview

或者您可以尝试设置elevation但是backgroundColor: 'transparent'.我认为这会提升元素但不会给它带来影子.(如果你试试这种方式让我知道如果它仍然有效,我会忘记,它可能是他们修复的错误).

编辑:

只是尝试了没有阴影技巧的海拔,它的工作原理,这是尝试世博会的小吃 - https://snack.expo.io/@noitsnack/elevation-without-shadow-trick

Answer 2

问题已经解决。解决方案很简单，只需重新排列元素即可。