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

Question

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

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

View是一个panResponder,所以如何在onPanResponderGrant触发器时禁用FlatList的滚动.

Answer 1

该文件指出,一个FlatList拥有的道具ScrollView:

因此继承了它的道具(以及ScrollView的道具)

如果您检查文件的ScrollView,你会看到所有你需要做的是设置scrollEnabled道具为false以禁用滚动.你选择这样做的方式和地点取决于你,因为你没有真正发布任何代码.处理此问题的一种简单方法是使用state:

<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 })