react-native - 单击选项卡时重新渲染组件

Question

我在我的 react-native 应用程序中使用 react-navigation 进行标签导航。我有四个标签。当我从 Tab A 移动到 Tab B 时，我能够看到 Tab B。当我回到 Tab A 然后再次回到 Tab B 没有任何变化时，我能够看到 Tab B。

但是当我回到 Tab A 时，进行一些会影响 Tab B 显示的更改，然后单击 Tab B，我得到一个空的 Tab B。我猜测发生的事情是，当 Tab A 数据刷新时，它会尝试更新选项卡 B 组件。但由于 Tab B 组件不是 View 的一部分，它会将其清空。

当我单击 Tab B 时，有没有办法重新渲染 Tab B 组件？目前，没有重新渲染。它只显示空列表中的任何内容。

Tab A 和 Tab B 中的代码无关紧要。唯一重要的是当 Tab A 在 redux 中更新一些数据时，Tab B 重新渲染但由于 Tab B 不在 View 中，它有点空!如果我可以在单击选项卡时重新渲染，我希望 View 能够正常工作。如何在选项卡单击时重新呈现？

Answer 1

我会说检查你的 reducer 。当您因为 Tab A 的变化而更新状态时，是否有可能刷新 Tab B 需要的内容？