-
Book Overview & Buying
-
Table Of Contents
React and React Native - Sixth Edition
By :
In this chapter, you'll get a feel for what it's like to lay components out on the screen of mobile devices. Thankfully, React Native polyfills many CSS properties that you might have used in the past to implement page layouts in web applications.
Before you dive into implementing layouts, you'll get a brief introduction to Flexbox and using CSS style properties in React Native apps: it's not quite what you're used to with regular CSS style sheets. Then, you'll implement several React Native layouts using Flexbox.
By the end of this chapter, you will understand how Flexbox works as a layout model, know how to define and apply styles in React Native applications, and be able to build responsive screen layouts that adapt to both portrait and landscape orientations.
We will cover the following topics in this chapter: