React Native: How to disable scrolling in ListView?

在 React Native 中，要禁用 ListView （或其更现代的替代品如 FlatList 或 ScrollView）的滚动，可以通过设置相应组件的 scrollEnabled 属性为 false 来实现。这个属性可以控制组件是否能够滚动。

示例

假设你正在使用 FlatList 来展示一些数据，但你不希望用户能够滚动这个列表，你可以这样做：

jsx
import React from 'react';
import { FlatList, Text, View } from 'react-native';

const dataList = [
  { key: '1', text: 'Item 1' },
  { key: '2', text: 'Item 2' },
  { key: '3', text: 'Item 3' },
  // 更多 items...
];

const MyComponent = () => {
  return (
    <FlatList
      data={dataList}
      renderItem={({ item }) => <Text>{item.text}</Text>}
      scrollEnabled={false}
    />
  );
};

export default MyComponent;

在这个例子中，scrollEnabled={false} 就是用来禁用滚动的。这会使得 FlatList 在显示数据时不再响应滚动事件，即用户不能通过滑动来浏览列表。

这种方法同样适用于 ScrollView 和其他可能支持滚动的组件。对于那些从 ListView 迁移到 FlatList 或 ScrollView 的开发者来说，这是一个非常直接的替换方法。