React Native - 动画功能组件

我喜欢React Native动画API，但它与我的首选编写完全无状态功能组件的组件的首选方式冲突很大。以此组件为例。如何在不恢复类语法和状态变量来驱动图像样式的情况下使图像动画？React Native - 动画功能组件

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

来源

2017-07-07 Brian F

我的意思是，如果组件必须具有状态（由于它是动画的，很可能），所以如果有的话，你不能用类语法做很多事情。功能组件仅仅是表象，没有状态，只是道具。 – Li357

是的，我猜你是对的。我只是想通过某种方式将它隔离为动画，因为我发现一旦打开一个组件，它就会成为一个倾倒场。 –

您可以使用商店保持动画值当然。但海事组织这是个坏主意。只需使用类。你应该更灵活;）

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

来源

2017-07-07 02:13:36 farwayer

我想这个库或它的动画在另一个组件中隔离状态的方法是最好的方法。干杯。 –

React Native - 动画功能组件

回答

相关问题