ReactNative，如何在ScrollView中获得FlatList项目的位置

Question

当我单击ScrollView中的项目时，我想将父项position滚动到该项目FlatList。

由于实际数据长度灵活，因此无法静态计算高度。

<ScrollView>
  <View style={{height:300}}>
    <Text>Test</Text>
  </View>
  <FlatList
    scrollEnabled={false}
    data={[1,2,3,4,5,6,7,8,9,10]}
    renderItem={renderItem}
  />
</ScrollView>

ScrollToIndex中的

FlatList不能使用，因为scrollEnabled是false。 我想使用父ScrollTo的{​​{1}}。

但是ScrollView用于onLayout，renderItem为0。 所以我不知道确切位置。

如何获得所需的价值？

Answer 1

首先，不要在ScrollView中使用FlatList，而在FlatList中使用ListHeaderComponent属性

参考：https://facebook.github.io/react-native/docs/flatlist#listheadercomponent