Как бы я применил некоторый стиль к определенному элементу в React Native ScrollView?

Question

У меня есть React Native ScrollView, как таковой:

      <ScrollView
        onScroll={this.businessScroll}
        scrollEventThrottle={16}
      >           
      {this.state.businessMerchants.map(merchant => (
          <Business
            styleName={this.state.businessClass}
            merchant={merchant}
            handleBusinessPop={this.handleBusinessPop}
            key={merchant.id}
          />
        ))}
      </ScrollView>

На верхнем видимом элементе я хочу применить некоторые пользовательские стили.

Я ДУМАЮ, что буду использовать событие onScroll, проверьте мою позицию y, разделенную на размер каждого элемента и отступы между ним, а затем передайте это обратно отдельному элементу для определенного стиля.

Это правильный подход?

Что-товот так:

  businessScroll(event) {
    topStep = 4;

    let y = event.nativeEvent.contentOffset.y;

    let iterDec = y / 90;

    var iterInt = Math.floor( iter );

    if(iterInt < topStep) {
      iterInt = topStep;
    }
  }

.. и т. д.

Это более «Реагирующий» способ сделать это?Или есть более стандартизированный способ применения пользовательских стилей к верхнему элементу React Native ScrollView?