reactjs – React Native – 动画功能组件

发布时间：2020-12-15 16:21:05 所属栏目：百科来源：网络整理

导读：我喜欢React Native动画API,但它与我首选的编写组件的方式有很大冲突,这些组件是完全无状态的功能组件. 以此组件为例.如何在不恢复类语法和状态变量来驱动图像样式的情况下使图像动画化？ const Logo = () = ( View style={styles.container} View style={st

我喜欢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.我以前没有使用它,但看起来它可以帮助.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!