Summary

Styling is a big topic, and we've covered a lot of ground. We introduced how styling works in React Native and how in many ways it's similar to CSS. We also discussed where React Native and CSS differ, particularly with their approach to inheritance. To address this, we demonstrated how to create reusable components that encapsulate styles. Then we discussed all the different ways you can apply style properties, be it for Text or non-Text components. Because flexbox is critical to layout in React Native, we did a deep dive on the many facets of flexbox. And while debugging React Native styles is not as great a developer experience as debugging business logic, we reviewed how you can diagnose some of those pesky layout questions you're bound to encounter.

Although we did not touch on every single style or layout property found in React Native, we've covered more than enough to put you on a solid footing. With this much deeper understanding of layout and style, we'll next explore many...