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 - 動畫功能組件

回答

相關問題