【问题标题】:React-Native Rendering too early?React-Native 渲染太早了?
【发布时间】:2019-03-05 08:48:07
【问题描述】:

我不太确定发生了什么,但似乎 react-native 想要在应用程序完成编译或其他操作之前呈现应用程序......

“错误”的 GIF

【问题讨论】:

  • 你能解释一下早期渲染的是什么吗?
  • @Panther 看看 gif .. 每次我渲染屏幕时,屏幕底部的按钮和顶部的框都会不断移动
  • react-native 没有提前渲染或其他什么。这完全取决于您的实现和逻辑。需要代码访问权限来检查问题。我们,建议您调试。
  • @panther 你要检查的第一件事是什么?
  • 希望按钮绝对定位,位置计算不正确。

标签: reactjs react-native


【解决方案1】:

我猜你说的元素不是每次都出现在同一个地方。

看起来需要管理地图的渲染。

因此,您可以使用绝对按钮放置按钮,也可以等到地图渲染完毕后再渲染其他所有内容。如果您使用 React Native 地图,请使用 onMapReady

【讨论】:

  • 感谢您的意见。这有点帮助,元素主体保持在它们必须的位置,但文本并不总是被呈现在正确的位置。我将元素主体设为绝对值,但我使用 flexbox 使文本保持在主体的中心
  • @SofusSkovgaard 您要渲染什么文本?是“后退”文字吗?
  • 是的。它只是一个带有 Text 的 TouchableOpacity
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-04-14
  • 2021-10-31
  • 2019-01-10
  • 2019-10-28
相关资源
最近更新 更多