Please enable JavaScript to use CodeHS

Mobile Apps (Semester)

Components and the Stylesheet

Students are introduced to components, the backbone of building apps with React Native. They learn about the stylesheet object and how to add custom style attributes to their apps.

Lessons

2.1 Introduction to Components

  • Introduction to Components
  • Quiz: Introduction to Components
  • The Parent View Component
  • Nesting Multiple Text Components
  • Customizing Text
  • +2 more

2.2 Introduction to the Stylesheet API

  • Introduction to the Stylesheet API
  • Quiz: Introduction to the Stylesheet API
  • Naming a Stylesheet ID
  • Multiple Stylesheet ID's
  • Connecting Components to the Stylesheet
  • +1 more

2.3 Styling View Components

  • Styling View Components
  • Quiz: Styling View Components
  • Height and Width
  • Justifying Content
  • Aligning Items
  • +5 more

2.4 Styling Text Components

  • Styling Text Components
  • Quiz: Styling Text Components
  • Text Component Attributes
  • Text Component Dimensions
  • My Favorites List
  • +6 more

2.5 Challenge: Scorekeeper Pt 1

  • Scorekeeper Pt 1: Example
  • Scorekeeper Pt 1: Screen Layout

2.6 Components and the Stylesheet Quiz

  • Components and the Stylesheet Quiz

Courses that include this module