Question

我在FlatList内有一个View，并且View在ScrollView的末尾，我想滚动FlatList，同时页面末尾的整个滚动。但是我做不到。那么，如何使我的FlatList能够在ScrollView内滚动呢？身体是这样的：

<ScrollView>
  <View/>
  <View/>
  <View>
    <View/>
    <FlatList/>
  </View>
</ScrollView>

Answer 1

您可以通过在包装View的{{1}}和包装ScrollView的另一个View中添加一些代码来解决此问题

因此，首先在构造函数内的FlatList中定义用户定义变量。

state

然后将以下代码作为this.state={ ..... enableScrollViewScroll : false .... }添加到props中，并包装View

ScrollView

将onStartShouldSetResponderCapture={() => { this.setState({ enableScrollViewScroll: true }); }}道具添加到scrollEnabled={this.state.enableScrollViewScroll}

最后将以下内容添加到包装FlatList（直接父对象）的视图中

ScrollView

这里onStartShouldSetResponderCapture={() => { this.setState({ enableScrollViewScroll: false }); if (this.refs.myList.scrollProperties.offset === 0 && this.state.enableScrollViewScroll === false) { this.setState({ enableScrollViewScroll: true }); } }}是myList的引用

在React Native中的ScrollView中滚动FlatList

1 个答案: