Grokking React Native
0% completed
Creating a Responsive UI
A card that is 300 units wide fills most of a small phone and leaves much of a tablet empty. Phones and tablets differ in width, height, and pixel density, and the same device can also change shape when it rotates or folds. A responsive layout is one that adapts to these differences, and React Native gives you several tools for building one, starting with the simplest.
Letting Flexbox Share the Space
The statistics row from the previous lesson is already responsive. Each box has `flex: 1
.....
.....
.....
Like the course? Get enrolled and start learning!
Reading Progress
0%