如何在 FlatList 组件中禁用水平滚动

Ste*_*son 2 react-native

我的应用程序中有以下 FlatList 组件,但即使我将水平属性设置为 false 它仍然让我在滚动时水平移动屏幕。

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

小智 6

据我了解,您希望水平显示项目列表,但不应滚动列表。

如果是这种情况,则在 flatlist 中使用: horizontal={true} scrollEnabled={false}