React Native Styling Basics
1h 18m 28s
English
Paid
Course description
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
0:00
/ #1: Course Overview
All Course Lessons (16)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | Course Overview Demo | 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 |
Unlock unlimited learning
Get instant access to all 15 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
React Native Mastery - the Ultimate React Native and Expo Course
Sources: Vadim Savin (notjust.dev)
The "React Native Mastery" course offers comprehensive training in mobile development using React Native and Expo. Throughout the course, you will create 7...
15 hours 56 minutes 3 seconds
Build a React Native app with Claude AI
Sources: designcode.io
This comprehensive course is dedicated to integrating advanced AI tools into the workflow of development in React Native, which allows for a radical change in a
13 hours 53 minutes 10 seconds
Publish React Native Apps to the App Store
Sources: Simon Grimm
Take the final step in your app development journey and bring your React Native app to the masses! In our course, “Publish React Native Apps to the App...
38 minutes 5 seconds
React Native
Sources: ui.dev (ex. Tyler McGinnis)
The description is simple - learn how to create an iOS and Android React Native app that you submit to both the App Store and the Google Play store. With over 7 hours of video, ...
3 hours 46 minutes 29 seconds
Master React Native Navigation
Sources: Simon Grimm
Unlock the secrets of seamless navigation in React Native apps with our in-depth course, “Master React Native Navigation.” Learn how to craft intuitive...
1 hour 13 minutes 29 seconds