How to view dimensions (height/width etc.) of an element about react-native-debugger

[jhen0409]

Released as v0.6.4. 🎉

[thurt]

curious about this as well. chrome devtools calls this "computed" styles when inspecting regular web css

[jhen0409]

Currently we can change this line to keep the built-in inspector contents, I may try to PR for show / hide the contents.

The goal is show the information in react-devtools, I think it's possible to make plugin for RN on here.

[jordanmkoncz]

@jhen0409 Yeah if there was some way to view the built in react-native inspector that shows this information already, that would be great.

[jhen0409]

I simply implemented it in facebook/react-devtools#590, hope this feature can be landed in the future. :)

[jordanmkoncz]

@jhen0409 Okay great, thanks for that. I guess now we just wait for your pull request to be included in an upcoming release.

[jordanmkoncz]

@jhen0409 How do you view the dimensions? I've got the latest version but I'm not sure how to see the dimensions.

[jhen0409]

@jordanmkoncz you need ensure react-devtools-core version is ^2.1.0 in your RN project (use npm list react-devtools-core check it), it's dependency of react-native. (starts with v0.43)

Inspect the measurable nodes, it should shown on React Native Style Editor.

[jordanmkoncz]

@jhen0409 Ah I see, my project is currently using React Native v0.41.2. I guess I'll have to upgrade to the latest version then! Cheers.