React Native Styling Basics

1h 18m 28s
English
Paid

Master the art of styling in React Native with our comprehensive course, “React Native Styling Basics.” Learn how to use the StyleSheet API, the Flexbox layout system, and create custom, platform-specific components to build beautiful, responsive interfaces for your mobile apps.

Read more about the course

What will I learn?

  • Work with StyleSheet API and understand differences to CSS
  • Use the Flexbox layout system to create responsive designs
  • Create custom, platform-specific components for iOS and Android
  • Work with themes and use dark mode
  • Learn practical tips for StyleSheet and Expo Router

Enhance your React Native development skills with “React Native Styling Basics” and create stunning, responsive interfaces for your mobile apps today!

Watch Online React Native Styling Basics

Join premium to watch
Go to premium
# Title Duration
1 Course Overview 02:39
2 Expo App Setup 03:55
3 Using the StyleSheet API 06:18
4 Height, Width and Position 07:27
5 Positioning with Flexbox 09:06
6 Conditional Styling 05:19
7 Handling Images 03:49
8 StyleSheet Functions 05:59
9 Platform Specific Styling 05:55
10 Platform Specific Components 03:38
11 Respecting Safe Areas 05:15
12 Creating a dark mode 05:04
13 Customising Navigation Elements 02:13
14 Using CSS with Expo 04:33
15 Platform Specific Layout Files 02:50
16 Styling Alternatives 04:28

Similar courses to React Native Styling Basics

Universal Apps with Tamagui

Universal Apps with TamaguiSimon Grimm

Category: React Native
Duration 1 hour 35 minutes 34 seconds
React Native Expo Boilerplate | Ship Mobile Fast

React Native Expo Boilerplate | Ship Mobile Fastshipmobilefast

Category: React Native, Other (Mobile Apps Development)
Duration
React Native Mastery - the Ultimate React Native and Expo Course

React Native Mastery - the Ultimate React Native and Expo CourseVadim Savin (notjust.dev)

Category: React Native
Duration 15 hours 56 minutes 3 seconds
React Native Maps & Google Places API

React Native Maps & Google Places APISimon Grimm

Category: React Native
Duration 52 minutes 55 seconds
Animations with Reanimated

Animations with ReanimatedSimon Grimm

Category: React Native
Duration 1 hour 14 minutes 21 seconds
The Full Stack Mobile Developer

The Full Stack Mobile DeveloperVadim Savin (notjust.dev)

Category: React Native
Duration 34 hours 29 minutes 50 seconds
React Native

React Nativeui.dev (ex. Tyler McGinnis)

Category: React Native
Duration 3 hours 46 minutes 29 seconds
React Native: Advanced Concepts

React Native: Advanced ConceptsudemyStephen Grider

Category: React Native
Duration 16 hours 35 minutes 38 seconds
Event System with Express API and Authentication