Aligning Children using Flexbox in React Native

Crysfel Villa has published another great tutorial on Modus Create about getting started with the layout system in React Native. Following this new tutorial you'll go a little bit deeper into knowing Flexbox, the layout mode that is used by React Native to build UIs.

Aligning Children using Flexbox in React Native blog post (previous post)

This tutorial is part of a series, in which we are learning all about the layout system in React Native. I recommend that you read the previous tutorial about how flexDirection works as we will continue using the same project that we created in the first tutorial.

Now that we have a better understanding of flex direction, let’s review the alignment options that we have available. We will create a container that displays a message with a title, we will learn how to align this component.

Aligning Children using Flexbox in React Native