React Native FlatList分页不起作用 - onEndReached不会触发

Question

我使用react-native FlatList组件来查看项目列表Pagination没有按预期发生,因为文档onEndReached必须在到达页面结束时被触发,目前我尝试更改onEndReachedThreshold的值(尝试0.1,1.0,0.5, 0.01),我也设置刷新标志.注意:我使用的是ReactNative 0.48.4所以这里是我的代码

<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>

我已经尝试了所有可能的解决方案作为回应github问题

这里有帮助吗？

Answer 1

您在项目中使用NativeBase,而Flatlist在内容上是冲突的.要解决此问题,您需要删除内容

Answer 2

我也发生同样的事情，你需要添加 contentContainerStyle={flex:1}

<Content contentContainerStyle={{ flex: 1 }}>