反应导航 - 检查用户在哪个屏幕上

Question

我在我的项目中使用react-navigation，我需要检测用户是否在Dashboard / Graph / Posts页面上。

例如，如果我在帖子页面上，我需要一个参数来编写条件。

例如如果我只是在帖子页面，请提出请求

是否可以检查用户在哪个屏幕上？

Answer 1

你可以通过navigation对象获得它，试试吧

this.props.navigation.state.routeName 

Answer 2

您可以尝试以下方式，

在componentDidMount上

componentDidMount() {
    this.subs = this.props.navigation.addListener("didFocus", payload => {
      console.log("PAY_LOAD...", payload);

     // Check the payload and your logic(you can get the current screen name like => payload.state.routeName)
    });
  }

在componentWillUnmount上

componentWillUnmount() {
    this.subs.remove();
  }

注意：不要忘记删除'componentWillUnmount（）'上的监听器