react-native - 使用 flatlist 响应原生无限滚动

Question

我跟着这个教程https://www.youtube.com/watch?v=rY0braBBlgw
当我向下滚动时，它会发送请求，然后它会陷入循环，只是请求和请求。我认为这是 ListView 中 ScrollView 的问题。

Answer 1

我不确定你是否能够解决这个问题，但我遇到了同样的问题，我正在添加对我有用的东西。

onEndReachedThreshold=>onEndThreshold

<FlatList
      data={this.state.data}
      renderItem={({ item }) => (
        <ListItem
          roundAvatar
          title={
            <Text style={{textAlign: 'left'}}> {item.name.first} {item.name.last}</Text>
          }
          subtitle={
              <Text style={{textAlign: 'left'}}>{item.email}</Text>
          }
          avatar={{ uri: item.picture.thumbnail }}
          containerStyle={{ borderBottomWidth: 0 }}
        />
      )}
      ItemSeparatorComponent={this.renderSeparator}
      ListHeaderComponent={this.renderHeader}
      ListFooterComponent={this.renderFooter}
      keyExtractor={item => item.email}
      refreshing={this.state.refreshing}
      onRefresh={this.handleRefresh}
      onEndReached={this.handleLoadMore}
      onEndThreshold={0}

    />

我希望这可以帮助别人。