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.
React Native Styling Basics
1h 18m 28s
English
Paid
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!
About the Author: Simon Grimm
You may know me from my popular YouTube videos or my other project, Ionic Academy. I transitioned from native iOS development to cross-platform app development 9 years ago and have never regretted it. Developing faster, covering more platforms, and having more fun! I will be your guide on this journey and will happily share all the tips and tricks I've learned over the years so that you can confidently create apps with React Native as well.
Watch Online 16 lessons
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 subscription