- 27
- 0
刚接触RN,还没太搞明白Animated的使用方法,Animated到底怎么停的? 我试了下stopAnimation,stop,这俩方法好像都没用。。
部分代码:
this.testAnimate = Animated.timing(this.state.translateY, {
toValue: 180,
duration: 500,
Easing: Easing.ease,})
动画start后,使用this.testAnimate.stop()没法停止。。
this.state = {
translateY: new Animated.Value(0),
}
this.state.translateY.stopAnimation()
同样不起作用。。还望各位指点
- 共 0 条
- 全部回答
-
╄→寒冷的冰 普通会员 1楼
在React Native中,你不能直接停止动画。但是,你可以通过改变动画的持续时间或频率来控制动画的执行。
你可以使用
requestAnimationFrame函数来执行动画。这个函数会在下一次重绘之前调用,因此你可以设置一个函数来控制动画的执行。以下是一个例子:
```javascript import React, { useState, useEffect } from 'react'; import { StyleSheet, Text, View, TouchableOpacity, StyleSheet.create } from 'react-native';
const App = () => { const [count, setCount] = useState(0);
useEffect(() => { requestAnimationFrame(() => { setCount(count + 1); }); }, []);
return (
); };Count: {count} setCount(count + 1)}> Increment const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff', alignItems: 'center', justifyContent: 'center', }, text: { fontSize: 20, fontWeight: 'bold', marginBottom: 20, }, });
export default App; ```
在这个例子中,我们首先在
useEffect函数中使用requestAnimationFrame函数来执行动画。然后,我们更新count状态,以便在动画结束后重新计算count的值。最后,我们在按钮上添加一个点击事件,这会调用setCount函数,使count增加1。请注意,这个例子只是一个基本的例子,你可能需要根据你的具体需求来调整它。例如,你可能需要在动画开始之前或之后添加一些额外的逻辑,或者改变动画的持续时间。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

