Hands-On Design Patterns with React Native

The ScrollView component

So far, we know about three components: View , Text, and StyleSheet. Now, imagine a case where we have a lot of rows to show in the application—something such as table of information pops into my mind. Obviously, it will be a long table, but the screen is small, so we will make it scrollable—up and down, like in a browser. This may seem trivial as a concept, but this isn't very easy to implement, which is why React Native provides the ScrollView component.

Let's see this problem in action. Check out Example 3_ No ScrollView problem from the Chapter 2 folder to get started.

Here, we have a typical TaskList component, which converts every task into a Task component. Task displays its name and description as Text. It's ...