FlatList 之前的元素固定在页面上，不会随 FlatList 滚动

Question

我有一个 flatlist 元素和 flatlist 之前的另一个元素。当我向上滚动时，flatlist 之前的元素不会上升并且是固定的。有没有办法让它在faltlist向上滚动的时候上升？

示例：

  render() {
    return (
<View style={styles.container}>
<View>THIS ELEMENT BEFORE CONTAINER STAYS FIXED WHEN SCROLLING FLATLIST</View>
      <FlatList
        data={this.props.data}
        extraData={this.state}
        keyExtractor={this._keyExtractor}
        renderItem={this._renderItem}
      />
<View>
    );
  }

Answer 1

如果我对你的理解是正确的，你希望顶部的视图成为 FlatList 的可滚动区域的一部分。因此，您可能希望将视图置于 ListHeaderComponent

之上

 renderListHeader = () => {
    return (
      <View>
        <Text>Foo</Text>
      </View>
     );
 }

 render() {
   return (
     <FlatList
       data={this.props.data}
       extraData={this.state}
       keyExtractor={this._keyExtractor}
       renderItem={this._renderItem}
       ListHeaderComponent={this.renderListHeader}
     />
   );
}