Яка найкраща практика викликати подію, коли Animated.spring закінчується?
Animated.spring(this.state.pan, {
toValue: 0
}).start()
Я досить багато шукав і не знайшов жодного способу зробити це. Я міг би використовувати addListener, щоб перевірити, чи досягла анімація свого кінцевого значення чи часу очікування, але вони обидва відчувають себе некрасивими виправленнями того, що повинно бути надзвичайно простим.
Хтось знає?
Відповіді:
Через півгодини гуглиння, і я знайшов це, не можу повірити, що вони не задокументували це краще.
https://github.com/facebook/react-native/issues/3212
.start(callback)
Це буде запущено на початку анімації
.start(console.log("Start Animation")
Використовуючи функцію зі стрілкою або функцію, done буде викликано в кінці анімації
.start(() => {console.log("Animation DONE")})
І нарешті, це те, як це виглядає в контексті функції.
_play(){
Animated.timing(this.state.progress, {
toValue: 1,
duration: 5000,
easing: Easing.linear,
}).start(() => {console.log("Animation DONE")});
}
Сподіваюся, це допоможе!
В основному існують ці три підходи робити щось, коли анімація закінчується. По-перше: ви можете використовувати метод зворотного виклику, переданий у виклик (зворотний дзвінок). По-друге: Ви можете використовувати stopAnimation, який також приймає зворотний виклик. Наприклад, ви можете зробити переклад від 0 до 150 і на основі значення, яке ви анімуєте, сказати "рух", а коли рух досягне значення, ви можете щось виконати.
let motion = Animated.Value(0);
motion.addListener(({value}) =>{
if(value>=10){
pos.stopAnimation((val)=>{console.log('stopped in '+val)});
}
});
Більше на https://www.youtube.com/channel/UCl5-W0A8tE3EucM7E_yS62A
.start(console.log("Start Animation")спрацьовуватиме лише на початку анімації через побічний ефект. Це функціонально те саме, що іconsole.log("Start Animation"); Animated.timing(...).start(..). Це не навмисне використання методу. Будь ласка, не використовуйте це.start()приймає зворотний дзвінок, коли закінчується анімація, і все.