如何让 Flatlist 将项目滚动到 1

Question

我想要一个全屏的视频列表，但我非常上下滚动 fast.I 希望他一次只有项目 +1 或 -1，而不是那么多项目幻灯片。你有什么好主意吗？ flatlist好像没有这个property.You不能限制幻灯片数量

Answer 1

你能再解释一下吗？对于一次滚动一个，您可以使用 Viewpager。这将是一个更好的方法。我做了一些可能有用的修改。

  <FlatList
    snapToAlignment={"top"}
    viewabilityConfig={{ itemVisiblePercentThreshold: 90 }}
    pagingEnabled={true}
    data={dayOptions}
    decelerationRate={"fast"}
    renderItem={({ item }) => <Render item={item} />}
  />

您可以在 scrollEnabled={false} 上再尝试一件事，然后点击某个图标滚动它。

Answer 2

我最近遇到了和你一样的问题，我想让FlatList一次滚动一个索引。

首先我看了一下FlatList的props，好像没有props可以解决我的问题。然后我用 ScrollView 属性查找，因为 FlatList 继承了 ScrollView 属性。

我找到了一个 disableintervalmomentum 道具可以简单地解决我的问题。在 here.

查看更多描述

因此您只需添加道具并将其设置为 true，如下所示：

 <FlatList
  // other props
  disableintervalmomentum:{true}
 />

如何让 Flatlist 将项目滚动到 1

How do I get Flatlist to scroll item to 1

reactjs

react-native

react-native-flatlist