Exploring Topic: Lists

Tutorials

Vertical and Horizontal Scrolling in a SectionList/FlatList

Learn how to build a Spotify style list that can scroll both horizontally and vertically in React Native.

How to Use the SectionList Component - React Native Basics

In this video you'll be introduce to the SectionList component from React Native core.

How to Search a React Native FlatList

How to Search a React Native FlatList

Enable Scroll in a React Native ScrollView Based on the Content Size

Ever have the situation where you sometimes had content that was shorter than the screen size and didn’t require scrolling but occasionally…

React Native FlatList Grid

In this video, we will start with a list of content from a React Native FlatList that we will then transform into a three-per-row grid.

Sum of Items in a React Native FlatList

Sum of Items in a React Native FlatList

How to Animate the Items of a React Native FlatList

I was recently asked about animating items in a React Native list — specifically animating the item when added and removed. That’s what…

How to setup infinite scroll with the FlatList component in React Native

How to setup infinite scroll with the FlatList component in React Native

Pull to Refresh with React Native FlatList

A simple video on how to use pull to refresh in the FlatList component.

How to use the FlatList Component — React Native Basics

There have been a quite a few ways to create a scrolling list in React Native, most notably they have been the ScrollView and the ListView…

React Native Basics: How to Use the ListView Component

ListView — A core component designed for efficient display of vertically scrolling lists of changing data.

Join the email list to be notified of all new lessons and classes!