如何在React Native中设置FlatList的内容偏移量？

Question

我知道我们可以用

获得偏移量

render() {
   return <FlatList
            onScroll={this.handleScroll}
          />
}

handleScroll = (event) => {
//get offset by using   
//event.nativeEvent.contentOffset 
}

但我不确定如何设置

Answer 1

不幸的是，contentOffset并不适合我。我最终使用了我在ScrollView文档中找到的contentContainerStyle，它运行得很好。

<FlatList 
  contentContainerStyle={{ paddingTop: 340 }} 
  data={data}
/>

Answer 2

contentOffset接受{x: 0, y: 0}类型的对象：

在您的情况下，如果列表是垂直滚动，则只应设置y

<FlatList
  onScroll={this.handleScroll}
  contentOffset = {{x: 0, y: your_value}}
/>

我没有测试此代码，但有些用户抱怨设置值不起作用，因此他们以编程方式设置contentOffset值。

event.nativeEvent.contentOffset = { x: your_value }

Answer 3

您可以使用ScrollToOffset（params）

https://facebook.github.io/react-native/docs/flatlist#scrolltooffset

或使用ScrollTo（params）

https://facebook.github.io/react-native/docs/scrollview#scrollto