React Native ScrollY Ошибка интерполяции Попытка вывести кадр из индекса диапазона NaN - PullRequest
Новая
       5

React Native ScrollY Ошибка интерполяции Попытка вывести кадр из индекса диапазона NaN

0 голосов
/ 06 января 2020

Я пытаюсь анимировать представление для увеличения высоты и наложения изображения с помощью инструмента Animate от React-Native. Проблема в том, что когда я пытаюсь это сделать, я получаю сообщение об ошибке Tried to get frame out of range index NaN

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

export default class InformationScreen extends React.Component {
      constructor(props){
    super(props);
    this.state={
      scrollY: new Animated.Value(0),
    }
  }
  render() {
        const headerHeight = this.state.scrollY.interpolate({
        inputRange: [0, HEADER_SCROLL_DISTANCE],
        outputRange: [HEADER_MAX_HEIGHT, HEADER_MIN_HEIGHT],
  });
    return (
<View>
    <Image style={{width:SCREEN_WIDTH, height:SCREEN_WIDTH}} resizeMode="cover" source={this.state.data.featured_image? {uri: this.state.data.featured_image} : require('../assets/noImage.jpg')}/>
    <ScrollView style={{flex: 1, width:SCREEN_WIDTH, height: SCREEN_HEIGHT/0.99, alignSelf:'center', position: 'absolute'}} scrollEventThrottle={16} onScroll={Animated.event([{nativeEvent: {contentOffset: {y: this.state.scrollY}}}])}>
        <Animated.View style={{height:headerHeight}}>
//information goes here
        </Animated.View>
    </ScrollView>
 </View>
)}
}
...