Animated.View 在 React Native 中不起作用

Posted 2023-02-16

【中文标题】Animated.View 在 React Native 中不起作用

【英文标题】：Animated.View not working in 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>
);

【问题讨论】：

你在这里做什么动画？

【参考方案1】：

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

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

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