Animated.View не работает в React Native

Question

Импортировать React, { Component } из 'react' import { View, StyleSheet, Text, Image, ScrollView, Animated } из 'react-native';

class App extends Component {

конструктор (реквизит) {супер (реквизит) this.state = {scrollY: new Animated.Value(0)}}

render () {

const headerheight = this.state.scrollY.interpolate({
  inputRange: [0, 100],
  outputRange: [100, 0]
})
return (
  <View style={styles.container}>
    <Animated.View style={styles.appHeader}>
    </Animated.View>
    <ScrollView style={styles.scroll}
      onScroll={Animated.event([{ nativeEvent: { contentOffset: { Y: this.state.scrollY } } }])}>
      <View style={styles.imageView}>
        <Image style={styles.image} source={require('./assets/vikalp.jpg')} />
      </View>
      <View>
        <Text style={styles.textHeader}>Vikalp Chakravorty</Text>
      </View>
    </ScrollView>
  </View>
);

Answer 1

Вы можете объяснить свой вопрос? Какую анимацию вы хотите создать?

<Animated.View style={styles.appHeader}> здесь какой реквизит вы проходите?

Если вы дадите нам более подробную информацию, мы сможем помочь.