React Native Styling Basics

1h 18m 28s
English
Paid
June 28, 2024

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.

More

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

Testing React Native Apps

Testing React Native AppsSimon Grimm

Duration 1 hour 13 minutes 31 seconds
React Native: Mobile App Development (CLI) [2024]

React Native: Mobile App Development (CLI) [2024]udemy

Duration 19 hours 38 minutes 59 seconds
APIs, Authentication and Tanstack Query

APIs, Authentication and Tanstack QuerySimon Grimm

Duration 1 hour 36 minutes 26 seconds
SQLite с React Native

SQLite с React NativeSimon Grimm

Duration 1 hour 10 minutes 25 seconds
State Management with Zustand

State Management with ZustandSimon Grimm

Duration 56 minutes 13 seconds
Animations with Reanimated

Animations with ReanimatedSimon Grimm

Duration 1 hour 14 minutes 21 seconds
React Native Firebase Chat with Expo Router

React Native Firebase Chat with Expo RouterSimon Grimm

Duration 1 hour 55 minutes 26 seconds
Building ChatGPT with React Native

Building ChatGPT with React NativeSimon Grimm

Duration 1 hour 24 minutes 49 seconds
reanimate.dev

reanimate.devEnzo Manuel Mangano

Duration 8 hours 35 minutes 52 seconds