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

Created on 26 Jul 2019  路  16Comments  路  Source: software-mansion/react-native-gesture-handler

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.

To verify

Most helpful comment

import FlatList from 'react-native'

All 16 comments

Is this related to passing ref={React.createRef()}?

Same here after using FlatList from this lib
Any fix?

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

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

Seeing this too under the same conditions. I'm getting a warning only, and the functionality is still there. Are you guys getting crashing errors?

I got the same error as well.

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.

import FlatList from 'react-native'

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

Same Here

Same error using two nested horizontal FlatLists (from 'react-native-gesture-handler').

Any progress on this?

Any updates on this issue?

Using the regular FlatList from react native makes this error go away, however I need the FlatList to respond to nested gestures from a larger list, so this won't work for my use. Any updates on this would be appreciated.

I have this issue as well for a FlatList with filters. If I spam the filters rapidly so it's constantly changing the list content, I suppose somehow it cannot respond quickly with the layout measurement?
Setting the getItemLayout prop does help though. Just curious if there's another way.

Hi folks - any news updates on this?

Was this page helpful?
0 / 5 - 0 ratings