reactjs – React Native – 动画功能组件

我喜欢React Native动画API,但它与我首选的编写组件的方式有很大冲突,这些组件是完全无状态的功能组件.

以此组件为例.如何在不恢复类语法和状态变量来驱动图像样式的情况下使图像动画化？

const Logo = () => (
  <View style={styles.container}>
    <View style={styles.imageContainer}>
      <Animated.Image 
        resizeMode='contain'
        style={styles.image}
        source={require(img/sample.png')}
      />
    </View>
  </View>
)

export default Logo

您可以使用商店来保持动画值.但IMO这是个坏主意.只需使用课程.你应该更灵活;)

作为替代方案,您可以使用声明性语法尝试https://github.com/oblador/react-native-animatable.我以前没有使用它,但看起来它可以帮助.