问题标签 [flatlist]

我有一个清单。里面有10个元素。我用 flatlist 展示这个。但是当列表中的 10 个元素中的 1 个发生变化时，它会再次渲染其中的 10 个。我打算用 memo 解决这个问题（flatlist 必须自己解决这个问题，但无论如何），但我遇到了语法错误。错误：renderItem 不起作用。

我有一个包含 2 列的平面列表。我想要实现的是，如果该项目位于 1 号，它应该包含 2 个项目的高度。我能够做到这一点，但问题是列表中的第 3 项不适合它的位置并且位于第 1 列之下。但它应该在第二列。它在第二列下的位置仍然是空的

设想：

我里面有很多项目FlatList，我Modal在长按任何项目并在释放触摸时关闭它时显示一个带有项目坐标的 。

我正在使用Pressable来实现长按并onLayout获取项目坐标。

Item组件看起来像这样

App组件看起来像这样

但是无论我按哪个项目，所有项目的坐标都是相同的。

如果我使用CellRendererComponent而不是renderItem我得到正确的坐标但Modal没有被关闭。

使用ScrollView效果很好。

这是世博演示

我想要我的 Flatlist 自动滚动并在水平方向循环，请帮助我提前致谢

我在尝试使用 100% 高度的 flex 显示视图列表时遇到问题，当它从平面列表呈现列表时出现问题，我可能对 flex 做错了什么。

这就是我想要的：滚动时具有相同高度的平面列表我将转到另一个组件

这就是我拥有的所有渲染视图的破碎列表

flatList 就是这样：

我正在渲染的视图中的容器看起来像这样（css）

我正在使用 FlatList 在我的应用程序中显示我的卡片组件。

我想在列表中的特定数量的卡片之后显示另一个组件（如广告或公告组件）。

作为说明，它应该如下所示；

1. 卡片项目
2. 卡片项目
3. 卡片项目
4. 卡片项目

-零件-

5. 卡片项目
6. 卡片项目
7. 卡片项目
8. 卡片项目

-零件-

...继续...

..

我想在 flatlist 中渲染 2 个按钮，但这样做会显示我在 O/p 中提到的错误。但是我渲染了一个 Text 组件来代替 Button 然后它渲染了

O/p：不能添加没有任何主要功能的瑜伽节点

请给我一些解决方案。提前致谢。

我需要一只手来转换我的代码。目前我正在使用 API 来检索产品列表。然后我使用平面列表进行显示。我收到了通过 listitem 更改我的平面列表的指令，但这对我来说变得复杂了。我在转换代码以获取和显示数据时遇到问题。我不知道在列表项中在哪里调用this.state.displayArray 。我已经尝试了一些测试，但我迷失在我的代码中......我想知道你是否可以帮助我。感谢您一直以来的努力以及您可以给我的解释。

我应该使用而不是 flalist ：

我正在处理一个包含导致昂贵重新渲染的复杂子级的平面列表，我需要对其进行优化，但我无法使用 useMemo 停止重新渲染，请帮助我完成此操作。

这是我的列表代码：

这里是renderPost：

我试过像这样使用记忆：

现在的问题是，空数组作为 useMemo 参数我认为只接受第一个渲染但不起作用，我尝试使用[item.someProperty]但我无法识别参数中的项目（项目未定义）

我也使用过 useCallback 但仍然没有运气，发生了很多重新渲染。请帮我解决这个问题。总氮

我一直在使用 map 函数在我的 React Native 应用程序中使用 Flatlist 呈现数据。但是由于某种原因，相同的数据被渲染了三次。这是我现在拥有的：

我无法弄清楚为什么在这种情况下相同的数据会渲染三次。mainCategories 也是这样的：

除了它显示了三遍。