如何在 FlatList 上启用或禁用滚动

Question

我有一个 FlatList 包装在一个视图中。

 <View {...this._panResponder.panHandlers}>
<FlatList .../>
</View>

视图是 panResponder ，所以当 onPanResponderGrant 触发时如何禁用 FlatList 的滚动。

原文由 cityvoice 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

文档 指出 FlatList 具有 ScrollView 的道具：

并因此继承了它的道具（以及 ScrollView 的道具）

如果您查看 ScrollView 的 文档，您会发现您需要做的就是将 scrollEnabled 设置为 false 以禁用滚动。由于您没有真正发布任何代码，因此您选择如何以及在何处执行此操作将取决于您。处理此问题的一种简单方法是使用状态：

 <FlatList
  ...
  scrollEnabled={this.state.scrollEnabled}
/>

// Change the state to the appropriate value in onPanResponderGrant:
// To enable:
this.setState({ scrollEnabled: true })
// To disable:
this.setState({ scrollEnabled: false })

原文由 Michael Cheng 发布，翻译遵循 CC BY-SA 3.0 许可协议