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

React Native Maps & Google Places API

React Native Maps & Google Places APISimon Grimm

Category: React Native
Duration 52 minutes 55 seconds
Deeplinks with Expo Router

Deeplinks with Expo RouterSimon Grimm

Category: React Native
Duration 56 minutes 43 seconds
APIs, Authentication and Tanstack Query

APIs, Authentication and Tanstack QuerySimon Grimm

Category: React Native
Duration 1 hour 36 minutes 26 seconds
TanStack Query, Zustand & Animations

TanStack Query, Zustand & AnimationsSimon Grimm

Category: React Native
Duration 2 hours 9 minutes 53 seconds
The Full Stack Mobile Developer

The Full Stack Mobile DeveloperVadim Savin (notjust.dev)

Category: React Native
Duration 34 hours 29 minutes 50 seconds
Animations with Reanimated

Animations with ReanimatedSimon Grimm

Category: React Native
Duration 1 hour 14 minutes 21 seconds
React Native Expo Boilerplate | Ship Mobile Fast

React Native Expo Boilerplate | Ship Mobile Fastshipmobilefast

Category: React Native, Other (Mobile Apps Development)
Duration
State Management with Zustand

State Management with ZustandSimon Grimm

Category: React Native
Duration 56 minutes 13 seconds
React Native - The Practical Guide [2024 Edition]

React Native - The Practical Guide [2024 Edition]udemyAcademind Pro

Category: React Native
Duration 28 hours 33 minutes 46 seconds