如何在 React Native 中配置每个屏幕的 API 请求列表



在这一点上,我不太确定我想要做的事情是否被推荐,或者它是否有模式名称。

我目前有一个移动应用程序作为前端。它显示了可从后端配置的卡馈送。我可以说出要显示哪些卡片,哪些信息等。

现在,问题是我一次加载它们。对于那些熟悉 React Native 的人,我使用 ScrollView 来自动一次渲染所有卡片/请求。

我想通过每页有一个请求来改进这一点,并且响应应返回实际加载信息的 API 请求列表。

就像带来屏幕配置的第一个 API 请求,然后使用 ListView 显示每个请求一样。不同之处在于,每个请求在出现在屏幕上时都应实际加载。另外,我可以支持分页。

是否有任何框架可以提供帮助?最佳实践?

谢谢

附言。我知道这可能是基于意见的,但我试图了解这是否已经有一个可以为我做到这一点的模式名称或框架。

在每个屏幕上触发一个 API 请求,只是为了告诉屏幕要发出哪些其他 API 请求,效率非常低。听起来你想要一个在 API 端带有分页的无限滚动视图,这样你每次都可以加载合理数量的记录,然后随着用户的滚动,加载更多。

为此 https://github.com/expo/react-native-infinite-scroll-view 有一个很好的 RN 包 - 文档非常好,但基本上关键道具是canLoadMore的,它告诉滚动视图是否应该尝试加载更多内容或是否在末尾,以及onLoadMoreAsync,您可以在其中提供异步函数来获取下一页记录。

希望对您有所帮助!

相关内容

  • 没有找到相关文章

最新更新