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

目录

1. 1. Bugtags 使用技巧系列

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

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

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

iOS 原生定义的桥接方法：

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

Android 端：

@ReactMethod
public void addUserStep(String content) {
  Bugtags.addUserStep(content);
}

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

---

Bugtags 使用技巧系列

• Bugtags 使用技巧之 setUserData
• Bugtags 使用技巧之 sendFeedback
• Bugtags 使用技巧之 BTGLog
• Bugtags 使用技巧之 Beta - Live
• Bugtags 使用技巧之 实现全新的用户反馈功能
• Bugtags 使用技巧之 React Native 记录重现步骤

相关文章推荐

• Bugtags 使用技巧之 sendFeedback
• Bugtags 使用技巧之 BTGLog
• Bugtags 使用技巧之 Beta - Live