在 React-Native 中,如何为 TabBarIOS 中的每个 NavigatorIOS 选项卡调用 popToTop()?

In React-Native, how can I call popToTop() for each NavigatorIOS tab within TabBarIOS?

我正在构建的应用程序有一个根客户端对象,它会影响该应用程序的所有后续视图。我希望用户能够更改客户端并重置所有选项卡,即 popToTop() 并适当更新客户端。

我有一个带有 4 个选项卡的 TabBarIOS 组件,每个选项卡都是一个 NavigatorIOS 组件,用于管理后续的 ListView 组件。我如何强制所有 NavigatorIOS 组件 popToTop() 并根据客户端更改重新呈现?

提前致谢。

一种简单的方法是使用事件发射器。创建一个事件发射器并将其传递给拥有 NavigatorIOS 个组件的组件。所有者可以使用每个 NavigatorIOS 组件的 ref 属性来获取对每个导航器的引用。

所有者然后可以向事件发射器添加一个侦听器,并在调用侦听器时在每个导航器上调用 popToTop()。然后,只需要在适当的时候发出事件即可。