debugging - react 导航 : how to debug

Question

我有一个应用程序，我配置了多个路由，一切正常，直到我配置的最新路由不起作用(显示错误的屏幕)。
我的问题是如何进行调试？没有打印错误日志，我无法找到如何获取有关正在发生的事情的更多日志。我也不知道从哪里停止调试器以获得一些有用的信息。

Answer 1

在哪里登录
您可以使用这 2 个监听器来记录某些内容:willFocus - 屏幕将聚焦

componentDidMount() {
  this.props.navigation.addListener("willFocus", () => console.log(""));
}

willBlur - 屏幕将无法聚焦

componentDidMount() {
  this.props.navigation.addListener("willBlur", () => console.log(""));
}

另外，看看 documentation看到更多的听众。
记录什么
获取 navigator 的状态在事件期间:

let state = this.props.navigation.dangerouslyGetState();

从这里，您可以通过 state.routeNames 查看可用路线.您还可以使用 goBack 查看当前导航堆栈(用于执行诸如 state.routes 之类的操作的所有导航事件的历史记录)。 .