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

Question

我有一个FlatList它包裹在一个视图。

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

的视图是一个panResponder，所以如何在onPanResponderGrant触发禁用FlatList的滚动。

Answer 1

的documentation状态，一个FlatList有ScrollView的道具：

，并因此继承它的道具（以及那些滚动型）

如果您检查documentation为ScrollView，你会看到你需要做的就是将scrollEnabled prop设置为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 })