react-native-gesture-handler: FlatList `measureLayoutRelativeToContainingList` error

I’m working on RN0.60+. Seems that something changed in react-native/Libraries/Lists/VirtualizedList.js and therefore this error shows up. This happens when:

import { FlatList as RNFlatList } from 'react-native';
import { FlatList } from 'react-native-gesture-handler';


<RNFlatList 
   renderScrollComponent={(props) => <ScrollView {...props} />} 
/>

//  OR

<FlatList />

I’m getting

undefined is not a function (near '...this._scrollRef.measureLayout...')

RNGH version: 1.3.0, I’m using a clone even with this repo.

About this issue

Original URL
State: closed
Created 5 years ago
Reactions: 16
Comments: 17 (2 by maintainers)

Most upvoted comments

import FlatList from ‘react-native’

+28

Babar-Memon on Feb 19, 2020

Any update on this? happening after RN0.60+ update.

sivakumar-cf on Oct 23, 2019

Same issue after RN0.61.5 using react-native and react-native-gesture-handler

StefanWegener on Dec 3, 2019

When using two nested FlatLists (imported from ‘react-native-gesture-handler’), I got the same error. But after changing the inner FlatList to ScrollView, the error disappeared.

oguzhanun on Feb 8, 2020

When using two nested FlatLists (imported from ‘react-native-gesture-handler’), I got the same error. But after changing the inner FlatList to ScrollView, the error disappeared.

Yes, I have same issues when using two nested FlatList

namphd00769 on Apr 9, 2020