如何在左侧滚动上调用API并使用React Native中的Flat List(水平)在右侧滚动上调用另一个API?

时间:2017-06-19 05:26:43

标签: react-native react-native-router-flux react-native-flatlist

我在React Native中实现了Flat List(Horizo​​ntal)。我使用onEndReached和onEndReachedThreshold来调用API。因此,当我向右滚动时,API会被调用,但是我无法向左滚动并在其上调用不同的API,因为我的初始页码是' 0'所以不能做左滚动。

所以基本上我需要设置一个页码,例如' 3'所以我可以向左和向右滚动。然后我关心的是我怎么知道左滚动被触发或者在两者上调用不同的API。

我现在为右滚动实现的内容如下:

render() {
return (
    <FlatList
      horizontal
      pagingEnabled
      data={this.state.data}
      renderItem={({ item }) => (
      <View>
      <Text> Details </Text>
      <ScrollView>
        <ListItem 
          title={item.name.first}
          subtitle={item.email}
        />
        <ListItem 
          title={item.name.last}
          subtitle={item.email}
        />
        <ListItem 
          title={item.address}
          subtitle={item.email}
        />
      </ScrollView>
      </View>
      )}
      keyExtractor={item => item.email}
      onRefresh={this.handleRefresh}
      refreshing={this.state.refreshing}
      onEndReached={this.handleRightLoadMore}
      onEndReachedThreshold={10}
    />
);

}

0 个答案:

没有答案