Not Maintaining Viewable Position of Item when getItemLayout Props passed in FlatList

[sourabhkheterpal]

Code: Lib Version: 0.3.2 React Native: 0.61.5

import { FlatList } from "react-native-bidirectional-infinite-scroll";

<FlatList
       ref={(ref) => { flatListRef = ref }}
       getItemLayout={getItemLayout}
       style={styles.sectionList}
       data={formattedList}
       keyExtractor={(item, index) => item.id}
       renderItem={({ item, index }) => renderDateWise(item, index)}
       showsVerticalScrollIndicator={false}
       onMomentumScrollBegin={() => {
         onEndReachedCalledDuringMomentum = false;
       }}
       onEndReached={onListEndReached}
       onStartReached={onListTopReached}
       activityIndicatorColor={colors.themeColor} // optional
     />

when we scroll down or up -> new data comes from API -> list moved to the top of the content not maintaining viewable content position.

Works fine when we don't pass getItemLayout Props in FlatList.

Thanks in advance!

[vishalnarkhede]

@sourabhkheterpal thanks for bringing this up. Let me take a look and get back soonish. Are you seeing this issue only on android or iOS as well?

[joesermon]

@vishalnarkhede Same problem on Android 😕

[sourabhkheterpal]

@vishalnarkhede I have tested it on Android Only.

[vishalnarkhede]

@joesermon @sourabhkheterpal could you please try upgrading to @stream-io/[email protected]? I have fixed the native implementation of that module. Please let me know if you are still able to see the issue!!