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

Question

问题是功能构造函数（）和componentDidMount（）在加载选项卡导航器时被调用。 而且每次用户到达名为myScreeen的屏幕时，我都需要调用函数，例如 我们该怎么做？

Answer 1

我发现黑客：

<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); 
     } 
    } 
    } 

Answer 2

React-Navigation提供了一个onNavigationStateChange道具，您可以在导航状态更改时使用它来调用方法。 screen tracking example向您展示了一个可以获取新状态的密钥和路由名称的示例。

从例如，在getCurrentRouteName方法，你可以做const route = navigationState.routes[navigationState.index];一旦你retrived的route，你可以找到通过调用route.key和route.routeName密钥和路由名称。