如何在Xcode模拟器中获取元素的尺寸

Question

I'm running my react native application in the xcode simulator. Now I would like to check for the dimensions of the elements and if possible I would like to change things temporarily to see, what I have to change in my code. Something like the developer tools in the chrome browser. Is this possible?

Answer 1

You can use react-devtools for this (see guide in official documentation ).

When the developer tools are installed and running, you can use the regular Element inspector debug tool from the React Native developer menu ( Cmd + D , Show Inspector ).

Now, instead of limited the in-simulator inspector, you have access to a Chrome Devtools like experience, where you can inspect and edit element styles and props.

Answer 2

使用Xcode构建应用程序并在模拟器中运行，然后可以使用调试视图层次结构工具