如何让 Flatlist 将项目滚动到 1答案

【问题标题】：How do I get Flatlist to scroll item to 1如何让 Flatlist 将项目滚动到 1
【发布时间】：2020-11-27 02:50:04
【问题描述】：

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

【问题讨论】：

标签： reactjs react-native react-native-flatlist

【解决方案1】：

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

首先我看一下 FlatList 的道具，似乎没有任何道具可以解决我的问题。然后我用 ScrollView 的 props 查找，因为 FlatList 继承了 ScrollView 的 props。

我找到了一个disableintervalmomentum 道具，它可以简单地解决我的问题。在here 上查看更多描述。

所以你可以添加道具并将其设置为 true，如下所示：

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

【讨论】：

是的，非常感谢您的帮助。我确实使用了 disableintervalmomentum: {true}

【解决方案2】：

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

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

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

【讨论】：

其实我已经用FlatList实现了视频播放效果，只是对它的手势滚动效果不太满意。由于我每次滑动 flatList 时都会滑动多个项目，因此我的想法是限制滚动效果。使用 flatList，我只向下或向上滑动 tiem 一个单元
我想我将不得不重写它，并尝试使用 Viewpager 来实现它。好吧。谢谢