反應顏色動畫同步

Question

我一直在使用react構建編輯器。其中一個可配置的屬性是動態生成背景顏色動畫。例如，第二階段的無限淡入和淡出階段爲x。

問題是彩色動畫需要在多個視圖中相同並且同步。 CSS動畫不會在沒有黑客的情況下啓用該同步。我想使用'react-motion'，但它並沒有很容易地加入時間。

尋找一些使用react + react庫（理想的反應運動）的具體例子。提前致謝。

Answer 1

經過對所有這些的研究後，結果發現答案只是在動畫幀級別上工作。

CSS動畫將所有這些都從開發者中抽象出來，但是結果是動畫之間的控制很少。

反應運動react-motion雖然處理過渡動畫（它的預期目的）的一個好的庫再次沒有解決動畫之間的控制問題。

他們的鑰匙雖然存在於react-motion代碼中。您只需使用raf庫依次請求動畫幀，然後使用常用幀信息計算每個視圖的動畫。這是非常乏味的，沒有真正的通用解決方案。

Answer 2

對於使用react + react庫的示例請求不是直接的答案，但是，如果您在客戶端/瀏覽器上進行渲染，則可以使用全局變量來保持視圖之間的同步。如果對你來說這太「黑客」，那麼也許找到一個共同的父母在梯子上，這兩個視圖可以交給一個同步變量/值。