用例:
假设我们有一个View
和一个Button
,每当单击按钮时,{strong}的backgroundColor都会随机更改。背景颜色可以是红色,蓝色或绿色,过渡时间为 10秒。
因此,例如,假设初始backgroundColor为RED,现在单击按钮时,我们假设我们随机获得GREEN,因此,我们将显示backgroundColor从RED-> GREEN过渡10秒钟的动画。
现在是具有挑战性的部分。在动画运行时,用户仍然可以再次按下按钮。现在,假设先前的(RED-> GREEN)动画正在运行(持续5秒钟),当前的backgroundColor视图位于RED和GREEN之间(由于该动画),现在用户再次按下按钮,我们随机得到蓝色要过渡到的颜色。现在,我们必须显示一个动画,该动画的运行范围为 X颜色(第5秒时视图的当前背景颜色)到 BLUE颜色(再次显示10秒钟)。 / p>
我们如何在React Native中做到这一点,因为如果不使用内部View
方法就无法在第5秒获得插值?