O'Reilly logo

Mastering React Native by Jacob Friedmann, Eric Masiello

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

Adding media query behavior to React Native

In the current web world, we are accustomed to building sites that adjust their presentation to best fit the screen space available. Most often, that's done by detecting the width or height of the viewport and adjusting CSS rules accordingly. Doing this type of screen detection has actually been possible for a long time through JavaScript. But the grand idea of responsive design didn't become popular until browsers added support for media queries through @media in CSS. Currently, React Native styles don't have an equivalent of @media. However, there are a few useful hooks built into React Native for determining the width and height of the device or individual components that can help us achieve similar, ...

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