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 Course
Sources: Beto Moedano
Enhance your mobile app development skills with the updated course based on Expo SDK 52. You will master the new architecture of React Native, modern...
13 hours 11 minutes 22 seconds
TanStack Query, Zustand & Animations
Sources: Simon Grimm
Learn how to use TanStack Query for making API requests and Zustand for managing local state using MMKV as a storage layer...
2 hours 9 minutes 53 seconds
React Native Apps with Supabase
Sources: Simon Grimm
Learn to leverage the power of Supabase, an open-source Firebase alternative, to add robust backend functionalities to your React Native app with Expo.
1 hour 25 minutes 32 seconds
SQLite, Drawer Navigation & Notifications
Sources: Simon Grimm
Study SQLite, Drawer Navigation, and local notifications by creating an application for calling a master. You will learn how to use SQLite for storage...
1 hour 45 minutes 49 seconds
AnimateReactNative.com - Premium and Custom React Native animations
Sources: Catalin Miron
Why spend hours reinventing the wheel when you can leverage our extensive collection of animation components? Whether you're looking for eye-catching effects...