Topic: "Lists" - React Native School

March 10th, 2021

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.

Read this article →

October 24th, 2018

How to Use the SectionList Component - React Native Basics

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

Read this article →

May 23rd, 2018

How to Search a React Native FlatList

Read this article →

April 26th, 2018

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…

Read this article →

March 13th, 2018

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.

Read this article →

January 31st, 2018

Sum of Items in a React Native FlatList

Read this article →

June 7th, 2017

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…

Read this article →

April 18th, 2017

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

Read this article →

April 18th, 2017

Pull to Refresh with React Native FlatList

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

Read this article →

April 18th, 2017

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…

Read this article →

May 18th, 2016

React Native Basics: How to Use the ListView Component

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

Read this article →