react-native - Animated.View 在 React Native 中不起作用

Question

从'react'导入React，{组件}从'react-native'导入{视图，样式表，文本，图像，滚动视图，动画}；

类应用扩展组件{

构造函数（道具）{超级（道具）this.state = {scrollY：新的Animated.Value（0）}}

使成为（） {

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}>在这里你传递什么样的道具？

如果您给我们更多详细信息，那么我们可以提供帮助。