July 6th, 2022
Flexbox Exercise: Building a Card Game Board
A quick exercise (under 3 minutes) to practice using Flexbox to build layouts in React Native.
Read this article →
Topic: "Styling" - React Native School
June 28th, 2022
Fixed Width Text in React Native
In this quick post we'll explore the font-variant property to improve your layout when text is rapidly changing.
Read this article →
June 22nd, 2022
Build Themed Components in React Native
This tutorial will show you how you can build and use themed components in your React Native apps.
Read this article →
June 14th, 2022
How to Detect User Color Preference in React Native
Learn to manage multiple color schemes in your React Native app using the core useColorScheme hook.
Read this article →
April 11th, 2022
Building an iOS Calculator Clone with React Native
Today we’ll be building a clone of the iOS calculator (portrait only). It brings some unique challenges that allow us to leverage Flexbox and other styling properties to build it properly.
Read this article →
September 25th, 2019
Intro to Styled Components in React Native
In this lesson we'll take a look at Styled Components, how it works, and why you may want to use it to build components in your React Native app.
Read this article →
March 27th, 2019
Normalizing Text and Spacing Between Screen Sizes
Different devices have different pixel densities and different sizes. When we design and implement our app we'll want to factor this in so each user can have a pleasant experience. This tutorial will show you a method of doing so.
Read this article →
November 7th, 2018
Layout with Flexbox - React Native Basics
In this video you'll learn the basics of using Flexbox in React Native to build your app layout.
Read this article →
May 11th, 2016
Intro to Styling in React Native
React does styling a bit different than you may be used to on the web. It’s CSS in JS which is a controversial topic. If you’re interested…
Read this article →