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.