React native 如何在react native中使用scrollview中特定数量的项目进行延迟加载？

我正在尝试开发一个应用程序，其中一个屏幕包含从某个api加载数据的新闻提要，该api加载了大约100个数据。我想对它进行分页，就像先加载10个数据，然后滚动更多以获得更多数据一样。这也被称为无限滚动。

您应该使用下面的示例在scrollview或flatlist中进行分页。将urlAPI粘贴到此处并运行

从React导入React，{Component} 进口{ 看法 文本 可触摸不透明度， 样式表， 平面列表， 站台 活动指示器 }来自本地 类FlatlistPagination扩展组件{ 建造师{ 超级的 此.state={ 加载：对， //首次加载数据时使用的加载状态 服务器数据：[]， //平面列表的数据源 正在从\u服务器获取\u:false //加载更多数据时使用的加载状态 } 该偏移量=1 //要从web API加载的偏移量的索引 } 组件安装{ fetchhttp://aboutreact.com/demo/getpost.php?offset= +这是偏移量 //使用get请求发送当前偏移量 .thenresponse=>response.json .thenresponseJson=>{ //成功响应API调用 this.offset=this.offset+1 //在响应之后，增加下一个API调用的偏移量。 这是我的国家{ serverData:[…this.state.serverData，…responseJson.results]， //使用列表的数据源中可用的旧数据添加新数据 加载：错误 //正在将加载状态更新为false } } .catcherror=>{ 控制台错误 } } loadMoreData==>{ //单击LoadMore按钮，我们将再次调用web API this.setState{fetching_from_server:true}，=>{ fetchhttp://aboutreact.com/demo/getpost.php?offset= +这是偏移量 //使用get请求发送当前偏移量 .thenresponse=>response.json .thenresponseJson=>{ //成功响应API调用 this.offset=this.offset+1 //在响应之后，增加下一个API调用的偏移量。 这是我的国家{ serverData:[…this.state.serverData，…responseJson.results]， //使用列表的数据源中可用的旧数据添加新数据 正在从\u服务器获取\u:false //正在将加载状态更新为false } } .catcherror=>{ 控制台错误 } } }; 渲染器{ 回来 //带有“加载更多”按钮的页脚视图 加载更多 {this.state.fetching_from_服务器？ ：null} } 渲染{ 回来 {this.state.loading？ : 索引} data={this.state.serverData} renderItem={{item，index}=> {item.id} {.} {item.title.toUpperCase} } ItemSeparatorComponent={=>} ListFooterComponent={this.renderFooter.bindthis} //添加“加载更多”按钮作为页脚组件 /> } } } const styles=StyleSheet.create{ 容器：{ 弹性：1， 内容：中心， 对齐项目：中心， 加油站：30 }, 项目：{ 填充：10 }, 分离器：{ 高度：0.5， 背景颜色：rgba0,0,0,0.4 }, 正文：{ 尺寸：15， 颜色：黑色 }, 页脚：{ 填充：10， 内容：中心， 对齐项目：中心， 方向：世界其他地区 }, loadMoreBtn：{ 填充：10， 背景颜色：800000， 边界半径：4， 方向：世界其他地区， 内容：中心， 对齐项目：居中 }, btnText:{ 颜色：白色， 尺寸：15， text对齐：居中 } } 导出默认FlatlistPagination 你可以试试rea

---

ct native scroll lazy而不是ScrollView

您好，您在这里使用了带有偏移量的分页，但是仍然存在没有偏移量的分页。我的意思是得到整个数组的数据，并在10束渲染？