In this tutorial explains how to design layout using flexbox in react native application. Layouts in React Native use a subset of Flexbox. (I say "subset" because not all features that are in the Flexbox specification are included.) So if you already know Flexbox, then you can readily apply those skills in React Native. It's also worth noting that there are no floats or percentage-based units in React Native. This means that we can only do layouts using Flexbox and CSS positioning.
React Native Flexbox Layout Example :
Lets see the most commonly used layout design in react native application using css flexbox example. In this layout design we are displaying text or image at the top of the screen and just below that we are displaying icons or text in grid layout.