Summary

This chapter introduced you to styles in React Native. Though you can use many of the same CSS style properties that you’re used to, the CSS style sheets used in web applications look very different. Namely, they’re composed of plain JavaScript objects.

Then, you learned how to work with the main React Native layout mechanism: Flexbox. This is the preferred way of laying out most web applications these days, so it makes sense to be able to reuse this approach in a Native app. You created several different layouts, and you saw how they looked in portrait and landscape orientation.

In the next chapter, you’ll start implementing navigation for your app.