Applying Global Styles and Reusable Components

Suppose the home screen and the profile screen each contain a copy of the same blue button, and the design now changes that blue to green. You would have to find every copy, change each one, and hope that you did not miss any. The solution has two parts: one file for the styles that screens share, and one component for each element that screens repeat.

The project in this lesson has the following files.

App.js
colors.js
GlobalStyles.js
components/
  CustomButton.js
  AppText.js
screens/
  HomeScreen.js
  ProfileScreen.js