【问题标题】:React native zIndex causes unstable rendering in screen in androidReact native zIndex导致android中屏幕呈现不稳定
【发布时间】: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


【解决方案1】:

在 react-native 的 android 版本中使用 elevation

【讨论】:

  • 你删除了 zIndex 吗?
  • 不,我没有删除 zIndex。我需要删除它吗?
  • 是的,删除zIndex,添加海拔
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-06-23
  • 2022-08-10
  • 2022-07-07
相关资源
最近更新 更多