在 TabNavigator 中到达屏幕时如何启动功能？ [反应导航]

Question

问题是在加载选项卡导航器时调用了函数constructor()和componentDidMount() 。 每次用户到达名为myScreeen的屏幕时，我都需要调用函数，例如我们如何做到这一点？

Answer 1

React-Navigation 提供了一个onNavigationStateChange道具，您可以使用它在导航状态更改时调用方法。 屏幕跟踪示例向您展示了一个示例，您可以在其中获取新状态的键和路由名称。

从示例中，在getCurrentRouteName方法中，您可以执行const route = navigationState.routes[navigationState.index]; 一旦你检索了route ，你可以通过调用route.key和route.routeName来找出密钥和路由名称。

Answer 2

我发现黑客：

    <Navigator
    onNavigationStateChange={(prevState, currentState) => {
  const getCurrentRouteName = (navigationState) => {
    if (!navigationState) return null;
    const route = navigationState.routes[navigationState.index];
    if (route.routes) return getCurrentRouteName(route);
    return route.routeName;
  };
  let currentRoute = getCurrentRouteName(currentState);
  if(currentRoute == "A") {
     console.log("TRIGGER")
}}/>;

然后你在你的组件中收听日志，像这样：

  componentDidMount() {
    let slf = this;
    let log = console.log;
    console.log = function(txt) {
      if(txt == "TRIGGER") {
        slf.myFunction();  // CALL HERE YOUR FUNCTION
      } else {
        log.apply(console, arguments);
      }
    }
  }