如何使用Reanimated和Firebase调试React Native应用程序

Question

本土开发者。我过去四年一直在开发和维护一个React Native应用程序。现在我已经到了一个无法调试我的应用程序的地步。为了稳定性和功能要求，我正在使用最新版本的react-native-reanimated和@react-native-firebase。这两个库都有调试限制。

react-native-reanimated使用Turbo模块，破坏了调试React Native与Chrome工具和伟大的react-native-debugger。

@react-native-firebase v15.x以上现在要求我们在Podfile中使用use_frameworks！，这会破坏Flipper调试。

没有这些调试选项，还剩下什么？有人处于同样的情况并有解决方案来调试他们的React Native应用程序并查看它们的Redux状态吗？

感谢您的帮助。

我应用程序中的当前版本：

"@react-native-firebase/app": "15.5.0",
"react": "18.1.0",
"react-native": "0.70.5",
"react-native-reanimated": "^2.13.0",

- morganTrudeau

---

同样的情况，我在互联网上搜索了很多，看起来有很多人都陷入了困境。 - Lee Vaughn-Ogin

你正在使用Expo吗？你可能可以使用内置的调试功能，但它很可能会因为与Flipper调试非常相似的问题而出现故障。 - Slbox

Answer 1

我一直面临这个问题很长时间了，唯一能做的就是将firebase降级到14.x版本。因此，您必须使用v15.x之前的@react-native-firebase版本，该版本需要use_frameworks!。我建议尝试版本14.5.0，这是15.x之前的最后一个小版本，而且代价不是很大（到目前为止）。让我们希望，在firebase引入一些破坏性更改之前，冲突的库将被优化。

如果您选择这种方法：

1. 重要的是要注意，这只是一种解决方法，而不是理想的解决方案
2. 如果您以前添加过，请记得从podfile中删除use_frameworks!

- George Fean

Answer 2

你可以尝试使用Reactotron进行调试。它是一款适用于macOS、Windows和Linux的应用程序，可用于检查React JS和React Native应用程序。

您可以使用它来：

• 查看应用程序状态
• 显示API请求和响应
• 执行快速性能基准测试
• 订阅应用程序状态的部分内容
• 显示类似于console.log的消息
• 跟踪包括saga堆栈跟踪在内的源映射堆栈跟踪全局错误！
• 像政府运行的思维控制实验一样分派操作
• 使用Redux或mobx-state-tree热交换应用程序状态
• 跟踪您的sagas
• 在React Native中显示图像叠加
• 跟踪React Native中的异步存储

您可以将其作为开发依赖项插入到应用程序中，因此不会对产品构建产生任何影响。

React Native快速入门

- ZFLOC TECHNOLOGIES