React Native Styling Basics
1h 18m 28s
English
Paid
June 28, 2024
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.
More
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
![Native Modules with Expo](https://cdn.courseflix.net/courses/100x56/native-modules-with-expo.jpg)
Native Modules with Expo
Duration 1 hour 25 minutes 26 seconds
Course
![The Ultimate React Native Series: Advanced Concepts](https://cdn.courseflix.net/courses/100x56/the-ultimate-react-native-series-advanced-concepts.jpg)
The Ultimate React Native Series: Advanced Concepts
Duration 5 hours 28 minutes 42 seconds
Course
![Animations with Reanimated](https://cdn.courseflix.net/courses/100x56/animations-with-reanimated.jpg)
Animations with Reanimated
Duration 1 hour 14 minutes 21 seconds
Course
![APIs, Authentication and Tanstack Query](https://cdn.courseflix.net/courses/100x56/apis-authentication-and-tanstack-query.jpg)
APIs, Authentication and Tanstack Query
Duration 1 hour 36 minutes 26 seconds
Course
![Universal Apps with Tamagui](https://cdn.courseflix.net/courses/100x56/universal-apps-with-tamagui.jpg)
Universal Apps with Tamagui
Duration 1 hour 35 minutes 34 seconds
Course
![React Native](https://cdn.courseflix.net/courses/100x56/react-native.jpg)
React Native
Duration 3 hours 46 minutes 29 seconds
Course
![The Ultimate React Native Series: Fundamentals](https://cdn.courseflix.net/courses/100x56/the-ultimate-react-native-series-fundamentals.jpg)
The Ultimate React Native Series: Fundamentals
Duration 6 hours 17 minutes 40 seconds
Course
![Testing React Native Apps](https://cdn.courseflix.net/courses/100x56/testing-react-native-apps.jpg)
Testing React Native Apps
Duration 1 hour 13 minutes 31 seconds
Course
![React Native: Advanced Concepts](https://cdn.courseflix.net/courses/100x56/react-native-advanced-concepts.jpg)
React Native: Advanced Concepts
Duration 16 hours 35 minutes 38 seconds
Course
![Publish React Native Apps to the App Store](https://cdn.courseflix.net/courses/100x56/publish-react-native-apps-to-the-app-store.jpg)
Publish React Native Apps to the App Store
Duration 38 minutes 5 seconds
Course