用于调试样式的博览会(反应本机应用程序)的 UI 检查器工具

Posted

技术标签:

【中文标题】用于调试样式的博览会(反应本机应用程序)的 UI 检查器工具【英文标题】:Ui-inspector tools for expo (react native app) for debugging styling 【发布时间】:2019-10-06 11:53:10 【问题描述】:

我是 React Native 开发的新手。我面临的第一个问题是我没有找到检查我的 ui 元素的方法。

我正在使用 expo-cli 在我的 android 手机中运行 react native 应用程序。 而且我没有找到调试或检查我的 ui 元素的方法。

任何人都可以帮助我解决这个问题。 因为我认为肯定有一种方法可以在 react native 中检查 ui 元素,就像我们使用 chrome 检查器工具检查 react-web-app 一样。

【问题讨论】:

【参考方案1】:

你可以使用Developer Mode

React Native 包含一些非常有用的开发工具:Chrome 中的远程 javascript 调试、实时重载、热重载,以及类似于您在 Chrome 中使用的心爱的检查器的元素检查器。例如,它还会在您的应用运行时执行一系列验证,以在您使用已弃用的属性或忘记将必需的属性传递给组件时向您发出警告。

带有this详细描述的链接

【讨论】:

以上是关于用于调试样式的博览会(反应本机应用程序)的 UI 检查器工具的主要内容,如果未能解决你的问题,请参考以下文章

在博览会上发布反应本机应用程序时出现意外代码 404

触摸在本机反应中无法在博览会网络中工作

反应本机博览会弹出后的问题:“RCTAsyncLocalStorage”没有可见的@interface声明选择器“initWithStorageDirectory:”

裸反应本机项目的firebase身份验证

反应原生博览会。 Android暗模式问题

camera.takePictureAsync(options) 不是反应本机相机的功能