réagir natif afficher/cacher navbar selon la direction de défilement

Question

Je suis nouveau à réagir natif et js. Je veux montrer ma barre de navigation lorsque l'utilisateur commence à faire défiler vers le haut à n'importe quel moment/position et cacher ma barre de navigation lorsque l'utilisateur commence à faire défiler vers le bas à n'importe quelle position.

Ma première approche a été d'utiliser "animation" et "découvrir la direction de défilement" ensemble, mais j'ai échoué. Quelqu'un peut-il me montrer comment cela est possible?

Merci!

Answer 1

Dans votre scrollview, ajoutez la fonction onScroll à votre scrollview.

Lorsque la fonction s'appelle, vérifier la direction du défilement:

var currentOffset = event.nativeEvent.contentOffset.y; 
var direction = currentOffset > this.offset ? 'down' : 'up'; 
if(direction == 'down') { 
    // hide the nav 
} else { 
    // show the nav 
} 

J'espère que ce sera vous aider!