CursosPago

React Native Styling Basics

01:18:28 Inglés Premium 28/06/2024 16 videos

Descripción del curso

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.
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!

Curriculum

Section 1: Module 1

  • 02 - Course Overview 02:39
  • 03 - Expo App Setup 03:55
  • 04 - Using the StyleSheet API 06:18
  • 05 - Height, Width and Position 07:27
  • 06 - Positioning with Flexbox 09:06
  • 07 - Conditional Styling 05:19
  • 08 - Handling Images 03:49
  • 09 - StyleSheet Functions 05:59
  • 10 - Platform Specific Styling 05:55
  • 11 - Platform Specific Components 03:38
  • 12 - Respecting Safe Areas 05:15
  • 13 - Creating a dark mode 05:04
  • 14 - Customising Navigation Elements 02:13
  • 15 - Using CSS with Expo 04:33
  • 16 - Platform Specific Layout Files 02:50
  • 17 - Styling Alternatives 04:28

About the Instructor

Instructor

Simon Grimm

Course

$0.00

$8.00
Que esta incluido?
  • Streaming Multiplataforma
  • Acceso de por vida
  • Soporte al cliente
  • Actualizaciones gratuitas