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 With React Hooks & React Query:High Performanceudemy
Category: React Native
Duration 3 hours 7 minutes 39 seconds
Course

React Native Mastery - the Ultimate React Native and Expo CourseVadim Savin (notjust.dev)
Category: React Native
Duration 15 hours 56 minutes 3 seconds
Course

React Native: Advanced ConceptsudemyStephen Grider
Category: React Native
Duration 16 hours 35 minutes 38 seconds
Course

Native Modules with ExpoSimon Grimm
Category: React Native
Duration 1 hour 25 minutes 26 seconds
Course

A Complete React Native Course - Redux - Context API - 2020udemy
Category: React Native, Redux
Duration 7 hours 42 seconds
Course

React Native Expo Boilerplate | Ship Mobile Fastshipmobilefast
Category: React Native, Other (Mobile Apps Development)
Duration
Course

Deeplinks with Expo RouterSimon Grimm
Category: React Native
Duration 56 minutes 43 seconds
Course

React Nativeui.dev (ex. Tyler McGinnis)
Category: React Native
Duration 3 hours 46 minutes 29 seconds
Course
![React Native: Mobile App Development (CLI) [2024]](https://cdn.courseflix.net/courses/100x56/react-native-mobile-app-development-cli-2024.jpg?d=1739915845717)
React Native: Mobile App Development (CLI) [2024]udemy
Category: React Native
Duration 19 hours 38 minutes 59 seconds
Course