Search code examples
react-nativereact-devtoolsreact-native-debugger

How to inspect React Native element with component name?


I'm looking for how to inspect elements with component names. As you know, when we use react devtools, it only shows us the unfamiliar iOS component name. I googled a lot about this, but I couldn't find about it so far. Can anyone please let me know if you have an idea of how to inspect React Native elements?


Solution

  • there are two ways:

    1-you can check the component name by inspecting it in react native by command + D (⌘D) then select show inspector.

    2- you can use React Developer Tools. Check the following link https://reactnative.dev/docs/debugging#react-developer-tools.

    images : 1- by inspecting enter image description here

    2- by react dev tools enter image description here

    3- by react dev tools enter image description here