【发布时间】:2017-09-27 23:41:45
【问题描述】:
有没有人面临由 zIndex 引起的屏幕渲染组件不稳定?我有一个包含多个组件的屏幕,并且使用 zIndex 的两个组件正在加载和列出建议。每次将 zIndex 放入这些组件的容器时,都会导致屏幕中组件的渲染不稳定,例如:其中一个组件消失,组件的文本图像仅在白色背景下消失,有时它会冻结屏幕。我尝试了一些解决方案但没有解决,所以我需要一些关于此的建议。
我的环境
反应:^16.0.0-alpha.6
react-native": ^0.43.4
Genymotion:2.9.0
虚拟设备:Google Nexus 5X 1080x1920
我在 gist https://gist.github.com/nhuthuynh/009dee73675c1dbed41d34a86b359057 中发布了我的代码
【问题讨论】:
-
在上图中,您的列表建议在哪里?你能解释一下吗..
-
您是否在这些视图中使用了
elevation样式属性? -
@MotiAzu 我尝试了海拔:1 或 100,但仍然不行
-
我的意思是您通常在解决方案中使用海拔高度。这不是一个解决方案,但有时可能会出现问题,因为它会覆盖 zIndex。
-
请在此处包含您的代码的相关部分
标签: android react-native styles z-index