React-Native: как отключить TouchableHighlight при прокрутке во время анимации?

Question

Мне нужно отключить кнопку при прокрутке с использованием Animated.ScrollView в реагировать родной.

Я пытаюсь применить что-то вроде:

disabled={this.state.scrollY._value <= 30 ? false : true}

в подпорках TouchableHighlight.

Из того, что я узнал, невозможно применить значение: this.state.scrollY._value непосредственно в "отключенную" опору TouchableHighlight. Однако я действительно не знаю, как действовать -.-

Я очень благодарен за любую помощь.

моя кнопка имеет следующий формат:

<Animated.View>
 <TouchableHighlight>
  <Icon />
 </TouchableHighlight>
</Animated.View>

вот полный код:

<Animated.View style={{
        position: 'absolute',
        elevation: 5,
        justifyContent: 'center',
        flex: 1,
        height: 100,
        width: 100,
        opacity: 1,
        left: SCREEN_WIDTH / 2 - SIZE / 2,
        top: 120,
        opacity: buttonTopDisappearance,
      }}>
        <TouchableHighlight
          onPress={() => {
            this.toggleView(playBack);
            if (!playBack) {
              this.setState({ playBack: true })
            } else {
              this.setState({ playBack: false })
            }
          }}
          underlayColor="#2882D8"
          disabled={this.state.scrollY._value <= 30 ? false : true}
          style={{
            flex: 1,
            alignItems: 'center',
            justifyContent: 'center',
            width: null,
            height: null,
            borderRadius: SIZE / 2,
            backgroundColor: '#48A2F8',
            position: 'relative',
            elevation: 6,
          }}
        >
          <IconFontAwesome name="plus" size={24} color="#F8F8F8" />
        </TouchableHighlight>
      </Animated.View>