Animated.View 在 React Native 中不起作用答案

【问题标题】：Animated.View not working in React NativeAnimated.View 在 React Native 中不起作用
【发布时间】：2020-06-04 11:11:02
【问题描述】：

从“反应”中导入反应，{组件} 从 'react-native' 导入 { View, StyleSheet, Text, Image, ScrollView, Animated };

类应用扩展组件{

构造函数（道具）{ 超级（道具）这个.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>
);

【问题讨论】：

你在这里做什么动画？

标签： react-native animation github-issues

【解决方案1】：

你能解释一下你的问题吗？你想创作什么样的动画？

<Animated.View style={styles.appHeader}>在这里你传递什么样的道具？

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

【讨论】：