Skip to main content

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.” Immerse yourself in the fundamentals of styling as you learn to utilize the StyleSheet API, harness the power of the Flexbox layout system, and craft custom, platform-specific components to build visually appealing, responsive interfaces for your mobile applications.

Course Highlights

This course offers hands-on experience in key areas of React Native styling:

StyleSheet API

Dive deep into the StyleSheet API and discover how it differs from traditional CSS. Learn best practices for organizing and managing styles effectively in your React Native projects.

Responsive Design with Flexbox

Master the Flexbox layout system to create responsive designs that adapt seamlessly to different screen sizes and orientations. Learn to leverage this powerful tool to enhance the user experience in your mobile applications.

Platform-Specific Components

Develop the skills to create custom components tailored to both iOS and Android platforms. Understand platform-specific design principles to ensure your apps look stunning on any device.

Theming and Dark Mode

Explore advanced styling techniques, including working with themes and implementing dark mode. Learn how to enhance user engagement by offering visually cohesive and modern interfaces.

Practical Tips and Tools

Gain practical tips for using StyleSheet efficiently and utilizing the Expo Router in your projects. These insights will help you streamline your development process and improve the overall performance of your apps.

Enhance your React Native development skills with “React Native Styling Basics” and start building stunning, responsive interfaces for your mobile apps today!

About the Author: Simon Grimm

Simon Grimm thumbnail
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

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 16 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Course Overview
All Course Lessons (16)
#Lesson TitleDurationAccess
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