问题标签 [react-native-sectionlist]

我正在显示Material Kit 按钮的列表（使用SectionList），并希望能够在单击它们时显示它们的键（即它们的索引） - 但是我正在努力让它与 MK 按钮一起工作。

任何帮助将非常感激。万分感谢！

带有 onPress 的按钮生成器：

部分列表：

我们在我们的 react native 项目中使用 Sectionlist 和 Flatlist，我们使用 websocket 来接收/更新数据。

每次我们通过 websocket 接收数据时，我们都想更新 Sectionlist/Flatlist 中的一些信息，但是我们有超过 100 行，所以当试图重新渲染 UI 线程的列表似乎被阻塞时。因此，onPress 函数延迟了 3~5 秒。

所以我的问题是：

1. Flastlist/Sectionlist 在更新时是否会重新渲染整个列表，还是仅重新渲染特定行？（因为我们只更新某些特定行中的一些信息，并不是每一行都有新信息要更新）
2. 如果它重新渲染整个列表，我怎么能让 Flastlist 或 Sectionlist 只重新渲染那些特定的行？
3. 如果它只重新渲染特定的行，为什么 UI 似乎仍然被阻塞？我怎样才能防止这种情况？

4. 或者问题不在于 UI 块？也许还有其他原因导致 onPress 功能延迟？如果是这样，有什么问题，我该如何解决？

   /li>

第一次：

第二次：

比较我收到的两个数据，我只想重新渲染列表的第一行，因为只有第一行数据得到了更新。我怎样才能做到这一点？

我正在优化部分，发现部分列表正在渲染子组件，即使它们没有变化。在研究中，我发现你必须传递一个唯一标识一个部分的键，以避免重新渲染子组件。

我确实将唯一键传递给子组件，但即使它被重新渲染。

更新：下面的代码

我正在使用 react-redux 进行状态管理。

使成为：

渲染项：

最初我在 reducer 中没有任何 X/Y/Z 值，但如果我更新值 X，子组件（即YComponent, ZComponent）也会重新渲染。

关于如何避免这种不必要的渲染的任何建议。

我在我的 react native 项目中使用 Flatlist 和 SectionList，我有 300 多行数据。但是，我发现了一个严重的问题，即当我不断向下和向上滚动时，内存使用率越来越高。我怎么解决这个问题？或者我怎样才能释放内存？

我知道这里有一些相关的问题，但我尝试了很多解决方案，但没有一个有效。

举些例子，

1. 我用的是 Pure.component 或者 shouldcomponentUpdate

2.我使用了Flatlist和SectionList的一些props

有没有其他解决方案可以帮助我解决问题？非常感谢！

我想获得一个具有行工作的 flexDirection 的 SectionList，这是我的 atm 代码：

它有效，看起来像这样

但是我想像网格一样显示彼此相邻的封面。我用 map 方法得到了这个工作，但是由于性能问题和延迟加载，我想改变它，有人可以帮忙吗？

我在从 SectionList React-Native 获取标题项的索引时遇到问题。通过按下标题，我试图获取项目的索引，然后将其传递给函数。我尝试了很多事情，但没有运气。有什么建议么。谢谢

我想按下午 3-30 点返回索引 0 我可以按返回我的 Lucian 想法是通过获取标题索引，我可以使用数组从列表中删除一个项目。

ScrollToLocation to top for sectionList 滚动到超过最顶部项目的空白页面。

我只想滚动到最上面的项目，但它滚动到最上面的项目的空白页

我用了一些不同的东西

1)

2)

3)

我正在使用 react-native 的 SectionList 并且无法隐藏我的数据集的空白部分的部分标题。我只想显示部分标题和非空部分的行。

y当每个部分标题都在顶部时，我想获取位置值。

例如，A、B、C是我的标题标题，当 A 位于顶部时，y 值为100，B 为500，C 为1200。

我的 react native 项目版本是0.44.2，所以我用 ListView 来实现SectionList。

这是我ListView的 Facebook 源代码中的代码：

这是我的组件代码ListView：

我从_onScroll函数中获取 y 位置值，但是当 A 或 B 或 C 标题位于顶部时，我不知道如何获取 y 位置值。

任何帮助，将不胜感激。

我正在使用 TypeScript 构建一个 React Native 应用程序。我正在尝试使用SectionList. 我遵循了文档，这是我的代码：

但是该行renderSectionHeader={this.renderSectionHeader}会引发以下 TSLint 错误：

是SectionList破碎的种类吗？还是例子错了？还是我做错了什么？