问题标签 [react-native-flatlist]

我的内容Flatlist高度可变。方法scrollToIndex，scrollToItem需要getItemLayout设置道具。我猜测量每个内容都会降低性能，Flatlist因为列表有数百行。有没有更简单的方法来做到这一点？

在 React-Native 中，使用 aFlatList和 aListHeaderComponent让我相信 ListHeaderComponent 中的 shouldComponenupdate 函数（尽管已执行）被忽略了。即使我在 shouldComponentUpdate 中返回false ，我的组件也会始终重新渲染。如何阻止 ListHeaderComponent 重新呈现？

在 FlatList 之前放置会阻止不希望的行为，但这需要将大量包装在 ScrollView 中，而在使用 FlatList 时我宁愿避免这样做。

我正在使用 React Native 的新FlatList组件。我用它来呈现一个水平列表，但是当使用内置时，它会在每个项目下方ItemRenderComponent显示分隔符，而不是在它们之间。

有没有办法改变它？

我有一个ListView组件可以动画并扩展到整个屏幕。由于 ListView 已经贬值，我试图迁移到 Flatlist。ListView 组件如下所示：

现在这里的风格是这样应用的：

panHandeler 看起来像这样 -

当我使用将其转换为平面列表时 let AminatedFlatlist = Animated.createAnimatedComponent(Flatlist)

父界面出现，但平面列表不呈现。

调试器甚至没有抛出任何错误。

谁能告诉我如何将上面的列表视图转换为平面列表

当我的可观察变量发生变化时，我无法让我的行重新渲染。我可以看到控制台日志触发并且我的 manageCart 功能确实在工作。唯一的问题是行不会更新。我尝试将 flatlist 上的 extraData 设置为 extraData={this.props.mainStore.productDataSource.slice()} 或不设置 . slice() 但它仍然没有帮助。

我使用normalizr来规范化基于 id 的 api 响应。所以最终的归一化响应将是

我如何在平面列表中使用此名称对象映射。它不是一个数组，而是一个对象映射。
最好的方法是什么？

PS：我知道有 lodash _.values()函数，但我认为它会因为巨大的响应而变慢。

我一直在使用的问题之一FlatList，并TouchableHighlight使它感觉它是一个“新闻”提要。如果您打开像 twitter 这样的应用程序并向下滚动时间线，虽然每一行都是可选的，但它使用某种更智能的触摸侦听器，并且当它可以告诉您正在滚动时，它不会在触摸时表现出按下状态

现在我的渲染行看起来像：

是否有某种更智能的触摸事件方式可以将它们组合在一起......甚至可能TouchableWithoutFeedback......这有意义吗？

这是每 20 张卡片获取项目并注入一个广告的组件代码，它使用分页，当用户到达列表底部时，卡片被添加到现有数据中：

一切正常，广告每 20 个项目显示一次，但 RN 抱怨密钥Warning: Each child in an array or iterator should have a unique "key" prop.

“广告”类型的键肯定有问题，我做错了什么？如何使“广告”类型键独一无二？我尝试了几种方法，通过添加shortid.generate()npm 模块并在推入数组时注入一个密钥this.state.labels.push({key: shortid.generate(), type: 'ad'})，然后key={item.key}在Card组件中设置，但根本没有运气。

我正在获取产品列表，然后使用 FlatList 显示，我的列表包含 5 个项目，正如您所见，由于描述文本不同，FlatList 行高是可变的。所以问题是我的最后一个项目卡不完全可见，也许这是某种平面列表问题或布局问题。任何帮助将不胜感激

我有这个源代码可以用 reactNative 渲染我的 Flatlist：

我有大约 950 个联系人要列出。如果我更改为联系人屏幕，则在滚动条消失之前，我无法单击任何 ListItems。..滚动条消失了，如果所有项目都已加载。

请看看这个视频......在这里你明白我的意思：

http://screencast-o-matic.com/watch/cbQIbkIoT3