как увеличить счет на прокрутку вверх

Question

Мне нужно увеличить количество 1 на каждом свитке. Like:

let scrollCount = 0;
//initially it would be 0 and after  every scroll up it should increase 1,
scrollCount++;

Какова функция для счетчика приращения 1 на каждом свитке в реактивной нативе.

// нижеJS код, я знаю .. но для реакции-родной путают.

var scrollCount = 0;
           window.addEventListener('mousewheel', function(e){

            if(e.wheelDelta<=0 && scrollCount<5){
            scrollCount++;
            }

          else if(e.wheelDelta>0 && scrollCount>1){
        scrollCount--;
        }
         document.querySelector('.number').innerHTML = scrollCount;
         });

Answer 1

object.onscroll = function(){
  //myScript
};

каждый раз, когда он прокручивает, запускайте ваш скрипт

или добавьте прослушиватель событий:

object.addEventListener("scroll", myScript);

Становится так:

var scrollCount = 0;
//object is your document. or any DOM element you would like to add
object.onscroll = function(){
  scrollCount++;
};

Answer 2

Вы добавляете обратный вызов onScroll к прокручиваемому компоненту.

Например, если у вас есть ScrollView, вы можете сделать:

<ScrollView
  onScroll={this.handleScroll}
>
  <ComponentsWithinYourScrollView />
</ScrollView>

В зависимости от того, что вы определяете как прокрутку, вы можете увеличивать только каждое действие прокрутки, инициированное пользователем, а затем вам может потребоваться сделать что-то вроде этого:

<ScrollView
  onScrollBeginDrag={this.handleScrollStart}
>
  <ComponentsWithinYourScrollView />
</ScrollView>