Quero ocultar as guias Cabeçalho e TabNavigator no Scroll. Como faço isso? Quero ocultá-los no Scroll e mostrá-los no ScrollUp. Meu código:

import React, { Component } from 'react';
import { View, Text, ScrollView, StyleSheet, TouchableOpacity} from 'react-native';

class ScrollTest extends Component {

    render(){
    const { params } = this.props.navigation.state;

        return(
            <View style={styles.container}>

               <ScrollView>
                <View style={{styles.newView}}><Text>Test</Text></View>
                <View style={{styles.newView}}><Text>Test</Text></View>
                <View style={{styles.newView}}><Text>Test</Text></View>
                <View style={{styles.newView}}><Text>Test</Text></View>
                <View style={{styles.newView}}><Text>Test</Text></View>
                <View style={{styles.newView}}><Text>Test</Text></View>
                <View style={{styles.newView}}><Text>Test</Text></View>
                <View style={{styles.newView}}><Text>Test</Text></View>
               </ScrollView>

            </View>
        )
    }
}
const styles = StyleSheet.create({
  container:{
    flex:1, padding:5 
  },
  newView:{
     height: 200, backgroundColor:'green', margin:10
  }
})
export default ScrollTest;

eu chequeiesse link para API animada, mas incapaz de descobrir como implementá-la no onScoll?

Então o cabeçalhoTela inicial e as abasGuia1 eTab2 deve ocultar na rolagem e mostrar quando rolada para cima. Como faço isso?

Por favor, ajude a começar isso.

Muito Obrigado.