Quiero ocultar las pestañas Encabezado y TabNavigator en Desplazar. ¿Cómo puedo hacer eso? Quiero ocultarlos en Scroll y mostrarlos en ScrollUp. Mi 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;

lo comprobéeste enlace para la API animada pero no puede descubrir cómo implementarlo en onScoll?

Entonces el encabezadoPantalla de inicio y las pestañasTab1 yTab2 debe esconderse en el desplazamiento y mostrar cuando se desplaza hacia arriba. ¿Cómo puedo hacer eso?

Por favor, ayuda a comenzar con esto.

Muchas gracias.