Bugtags 使用技巧之 React Native 记录重现步骤

目录
  1. 1. Bugtags 使用技巧系列

有用户可能会问,在 React Native 项目中出现的问题不太好定位问题,不知如何通过跟踪用户点击的页面,其实通过 Bugtags 的提供的接口完全可以自主实现,而且非常简单。

首先来参考一下 React Native 集成的 Demo 项目 下载地址

下图是 React Native 项目中记录的重现步骤

重现步骤示例

iOS 原生定义的桥接方法:

1
2
3
RCT_EXPORT_METHOD(addUserStep:(NSString *)content) {
[Bugtags addUserStep:content];
}

Android 端:

1
2
3
4
@ReactMethod
public void addUserStep(String content) {
Bugtags.addUserStep(content);
}

接下来我们就可以在 Javascript 层页面组件的 componentWillMount 和 cxwomponentWillUnmount 两个生命周期方法中调用 Bugtags.addUserStep,当应用出现问题时在重现步骤中就可以看到用户点击过的页面,是不是很简单?


Bugtags 使用技巧系列

相关文章推荐