O'Reilly logo

React Native - Building Mobile Apps with JavaScript by Vladimir Novick

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Inspecting React Native components

When developing in the React ecosystem, it's important to know the component hierarchy. In web development, we are used to inspecting our HTML code using Chrome DevTools. In React Native, inspecting our app layout is also possible using a built-in inspector. To show inspector, select the Show Inspector option inside the developer menu. You will be presented with the following screen:

Let's, for example, follow the instructions shown on the screen and select the Navigate to ChatScreen button. We will be presented with the following screenshot:

As you can see from the preceding screenshot, we have "box model" ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required