Summary: Basic Components

Here's a quick summary of what we learned in this chapter.

We'll cover the following

What have we learned?

This chapter started with a brief introduction to the basic components provided by React Native, and we learned about the functionality provided by these basic components.

We then discussed each basic component, View, Text, Image, TextInput, ScrollView, and StyleSheet, in detail. In each individual lesson, we covered:

  • How to use the View component to display text, images, and other components on the screen.

  • How to use the Text component to display static text or dynamic text on the screen and how to format text in various ways, such as applying fonts or text styling options.

  • How to use the Image component to provide visual elements that visually convey information.

  • How to take input from the users using the TextInput component.

  • How to add vertical and horizontal scrolling ability to React Native applications.

  • How to use the StyleSheet component to style basic components in the application in a way that is consistent across platforms and devices.

  • How to customize the functionality of the components using props.

Finally, we tested our concepts by practically applying them inside coding playgrounds.

Get hands-on with 1200+ tech skills courses.