Eu usei FlatList
o componente e preciso implementar refreshControl
o suporte nele. Este é o código:
<FlatList
refreshControl={
<RefreshControl refreshing={refreshing} onRefresh={onRefresh} />
}
data={allTuitions}
renderItem={({item}) => renderItem(item)}
ListEmptyComponent={listEmptyComponent}
ItemSeparatorComponent={itemSeparatorComponent}
/>
Funciona corretamente. Mas o problema é: A área que o FlatList
componente cobre, puxar está correto. Caso contrário, não posso puxar. Veja a imagem abaixo. Quando abro a tela do meu conteúdo, que é um FlatList
item componente, ele funciona, mas na área cinza claro abaixo, não consigo.
Como devo corrigir isso, pessoal?
Tente colocar sua FlatList dentro de uma View com a altura desejada. Por exemplo, se preencher toda a altura disponível, você pode tentar
flex: 1
começar. Dessa forma, sua FlatList crescerá até o tamanho disponível.