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

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

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

React Native Expo Boilerplate | Ship Mobile Fast

React Native Expo Boilerplate | Ship Mobile Fast

Sources: shipmobilefast
Ship Mobile Fast is a template for developing mobile applications based on React Native and Expo, providing ready-to-use features such as...
TanStack Query, Zustand & Animations

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
Animations with Reanimated

Animations with Reanimated

Sources: Simon Grimm
Step into the vibrant world of React Native animations with our comprehensive course, “Animations with Reanimated.” Learn how to craft fluid, engaging...
1 hour 14 minutes 21 seconds
The Ultimate React Native Series: Fundamentals

The Ultimate React Native Series: Fundamentals

Sources: codewithmosh (Mosh Hamedani)
Learn to create cross-platform mobile apps using React Native. No prior iOS or Android experience needed. Master real-world apps through structured lessons.
6 hours 17 minutes 40 seconds
Build a Full-Stack Todo App with Turborepo, tRPC, Next.js, NestJS & React Native

Build a Full-Stack Todo App with Turborepo, tRPC, Next.js, NestJS & React Native

Sources: Michael Guay
Master Turborepo, tRPC, Next.js, NestJS, and React Native by creating a full-stack Todo application with complete type safety and a mobile version.
2 hours 47 minutes 38 seconds