Sign in Go Pro

Build a React Native Application

Layout Components in React Native with Flexbox

This lesson is for PRO members.

Upgrade today to get access to all the PRO lessons.

Unlock this lesson

Up next



Screens come in all shapes and sizes, and it's important to support many screen sizes. React Native makes this easy by using flexbox.

Flexbox lets you define components into groups of rows and columns, and lets you specify which components show "flex", which means they will grow to fit the available space.

It also lets you align and justify items in several different ways.

Summary of Content:

  • What Flexbox is, and where to get more information
  • Switching between row and column
  • Using flex: 1 to get a component to grow to fit available space
  • Adding more simple styles to make a more professional look




There are no comments on this lesson, start the conversation below ...

You need to go PRO to post comments.

Lessons in Build a React Native Application