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

Men*_*dyK 5 contentoffset reactjs react-native react-native-flatlist

我知道我们可以用

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

handleScroll = (event) => {
//get offset by using   
//event.nativeEvent.contentOffset 
}
Run Code Online (Sandbox Code Playgroud)

但我不确定如何设置

nee*_*eep 7

不幸的是 contentOffset 对我不起作用。我最终使用了在 ScrollView 文档中找到的 contentContainerStyle,它效果很好。

<FlatList 
  contentContainerStyle={{ paddingTop: 340 }} 
  data={data}
/>
Run Code Online (Sandbox Code Playgroud)


Aki*_*fas 3

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

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

<FlatList
  onScroll={this.handleScroll}
  contentOffset = {{x: 0, y: your_value}}
/>
Run Code Online (Sandbox Code Playgroud)

我尚未测试此代码,但一些用户抱怨设置该值不起作用,因此他们以编程方式设置 contentOffset 值。

event.nativeEvent.contentOffset = { x: your_value }
Run Code Online (Sandbox Code Playgroud)