问题标签 [react-native-flatlist]

有没有人在 SectionLists 中有更详细的异构渲染示例？

非常感谢帮助！

当前行为：

我正在尝试通过拉起视图来更新从服务器获取的列表。当我这样做时，onRefresh 不会触发。

我在 setState 函数的回调中设置了 GET 请求，但这似乎没有做任何事情。

预期行为：

拉起视图调用 onRefresh 函数。

代码：

版本信息

反应原生：0.45.0

节点：7.4.0

我无法访问 FlatList 中的组件 ref child。在 componentDidMount 方法上，我只有一个 FlatList 的参考。

如果您想重现它，这是我的代码：

我正在使用 React Native v0.45.1。

我FlatList用来渲染列表。我已经配置为一次只显示一行，方法是使用pagingEnabled={true}和渲染占据父级全尺寸的单元格。

我也设置了windowSize={2}and initialNumToRender={1}。在我的renderItem函数中，我使用console.log.

当组件加载时，我看到renderItem我的数据数组中的每个项目都有一个日志语句，这意味着每个单元格都被预渲染。

结果是延迟加载组件。单元格不应该只按windowSize指定的数量呈现吗？

ReactNative 文档在此页面上提到FlatList具有“滚动加载”功能：https ://facebook.github.io/react-native/docs/flatlist.html

有谁知道这个功能的例子？

我们被要求为我们的应用程序实现一个屏幕，其中将有一些列表形式的数据和每个数据类别的部分。按下部分标题时，应展开或折叠部分数据。

起初，我尝试使用 Listview，每次按下标题时我都在更改数据源，但感觉不是正确的做法。

创建自定义视图，动画视图的高度工作正常，但由于数据量很大，初始渲染有点慢，例如导航到屏幕时有明显的延迟。

升级到 RN 44.3 后，我想知道是否可以以比 listview 更好的方式使用 Sectionlist。

通常，解决此类要求的最佳方法是什么？

谢谢！

我有一个Flatlist元素可以呈现可能是图像或视频的视图集合，类似于 Facebook 提要。有什么方法可以检测视图何时从屏幕上消失，以便我可以停止视频元素的自动播放？

目前我的Flatlist组件有一个scrollHandler附件，可以检测内容的偏移量并计算视图数。

如果不是元素，会有类似的东西UITableViewCell会消失吗？Flatlist或者我可以附加“将消失”逻辑的任何其他处理程序？

谢谢您的帮助！

我有一个由多个单元格组成的 FlatList。每个单元格中都有一个支持平移/缩放手势的视图。

平移/缩放视图独立工作时效果很好，但当它们是 FlatList 的一部分时，它们就不行了。例如，它们不会平移或缩放。我认为它们与 FlatList 自己的手势识别器冲突。

我的 FlatList 实际上每个屏幕显示一个单元格，因此有可能禁用某些 FlatList 手势识别器或类似的东西。

沿着这条路线走，我是否过度复杂化了事情，或者是否有一种受支持的方式可以在 FlatLists 中嵌入平移/缩放视图？

我无法在相对较旧的硬件（带有 IOS 9.3.5 的 Ipad 3）上流畅地滚动列表，尽管在较新的设备上性能还可以，我正在测试每个列表大约 8000 个项目。

欢迎任何提高性能的提示，以使演示更简单我使用来自网络的图像，但在我的实际项目中我在本地加载它们（尽管它根本没有改善滚动），当我增加时性能似乎会下降列数，一列响应是可以接受的，但无论如何都会有一些抖动，我的应用程序需要四列。

这是我的应用程序链接：

https://snack.expo.io/Hk46ErZrb

谢谢 ！！

我有一个来自 api 响应的 json，如下所示：

现在我想在 FlatList 中填充上述数据

但我不能这样做，因为数据（中心）没有“关键”属性。

现在我可以遍历数组中的每个项目并添加一个与 ID 具有相同值的属性“键”。但我发现这很有效。

有没有更好的方法将“id”列映射到“key”以呈现 FlatList