Summary: User Interface and User Interaction

What have we learned?

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

We then discussed some interactive components in detail, such as Button, Switch, touchables, and the gesture responder system. We also learned:

• How to use the user interactivity components and what happens when a user takes action in response to that interface.

• How to integrate the user interface and interaction components to produce a useful system that is visually appealing, simple to use, and provides a better user experience.

• How to style the components using inline and object-based styling.

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

• How to handle events using the relevant props of the components so that we can create a user experience that is not only functional but also enjoyable and satisfying.

We also learned about the gesture responder system of React Native and discussed how it handles various gestures, such as swiping and scrolling out of the box. We then tested our concepts by practically applying them inside coding playgrounds.