La paginación nativa FlatList de React no funciona: onEndReached no se activa
Estoy usando el componente FlatList react-native para la lista de elementos La paginación no ocurre como se esperaba, según la documentación de onEndReached tiene que activarse cuando se alcanza el final de la página, actualmente intenté cambiar los valores de onEndReachedThreshold (intenté 0.1, 1.0, 0.5, 0.01), también estoy configurando una bandera refrescante. Nota: estoy usando ReactNative 0.48.4 Entonces aquí mi código
<Container style={{ marginTop: 22 }}>
<Content
style={{ flex: 1 }}
contentContainerStyle={{ flexGrow: 1 }}
>
<View style={{ flex: 1 }}>
<FlatList
initialNumToRender={10}
refreshing={this.state.refreshing}
onEndReachedThreshold={0.5}
onEndReached={({ distanceFromEnd }) => {
console.log('on end reached ', distanceFromEnd);
}}
data={this.props.messages}
renderItem={this.notificationContent.bind(this)}
keyExtractor={(item) => item._id}
/>
</View>
</Content>
</Container>
Ya he probado todas las soluciones posibles como dar respuestas paraproblemas de github
¿Alguna ayuda aquí?