如何禁用平面列表组件中的水平滚动

Question

我的应用程序中有以下FlatList组件，但即使我将horizontal prop设置为false，它仍然允许我在滚动时水平移动屏幕。

<FlatList
data={props.data}
renderItem={({ item }) => props.renderItem(item)}
horizontal={false}
contentContainerStyle={{
flex: 1,
justifyContent: "center",
alignItems: "center",
}}
/>

Answer 1

据我所知，您希望水平显示项目列表，但不应该滚动列表。

如果是这种情况，那么在平淡主义的使用中：horizontal={true} scrollEnabled={false}

Answer 2

听起来你的FlatList是垂直滚动的，但也在水平滚动，你想防止这种水平滚动。

使用FlatList的directionalLockEnabled道具，完全可以锁定水平或垂直滚动。此道具继承自ScrollView，您可以在此处阅读更多信息：https://reactnative.dev/docs/scrollview

注意：如果用户有意水平滚动，他们仍然可以水平滚动。这个道具的效果是在用户开始滚动时将其锁定在垂直或水平轴上。