FlatListの前の要素はページ上で固定され、FlatListでスクロールしません

Question

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} 
    /> 
    ); 
} 

あなたが[最小限の、完全な、検証]を提供する場合、人々が支援するためにはるかに簡単になるだろう