Chapter 14. Building Responsive Layouts with Flexbox

In this chapter, you'll get a feel for what it's like to lay out components on the screen of mobile devices. Thankfully, React Native polyfills many CSS properties that you've probably used in the past to implement page layouts in web applications. We'll use the flexbox model to layout our React Native screens.

Before we dive into implementing layouts, you'll get a brief primer on flexbox and using CSS style properties in React Native apps—it's not quite what you're used to with regular CSS stylesheets. With that out of the way, you'll implement several React Native layouts using flexbox.