Question

我在flatView中有一个flatList和一些视图，当flatList滚动到顶部时，如何制作，我们开始滚动flatList，而不是scrollView。

<ScrollView>
  <View>
    // some child views
  </View>
<FlatList
  data={this.props.sourceData}
  renderItem={this._renderItem}
 />
<View>
  ....  // some child views
</View>

Answer 1

滚动冲突很复杂，您可以尝试将标题视图移入FlatLIst ListHeaderComponent，以及页脚视图进入ListFooterComponent

 <FlatList
    data={DATA}
    ListHeaderComponent={"your header component"}
    renderItem={({ item }) => <Item title={item.title} />}
    keyExtractor={item => item.id}
    ListFooterComponent={"your bottom views"}
  />

您也可以read my question，在说明中我给出了一些解决方案。希望它能对您有所帮助

如何解决React Native中scrollview和flatList之间的滚动冲突

1 个答案: