代码之家 › 专栏 › 技术社区 › Mahdi Bashirpour

在react native中使用requestAnimationFrame

react-native

Mahdi Bashirpour · 技术社区 · 6 年前

如何在react native中使用requestAnimationFrame。

我用这个来实现这样的可触摸不透明度

this.requestAnimationFrame(() => {
    if (this.state.scrollEnabled)
        this._panel.transitionTo({toValue: 0});
    else {
        this.setState({scrollEnabled: true}, () => {
            this._panel.transitionTo({toValue: height})
        })
    }
});

并返回此错误

此.requestAnimationFrame不是函数

2 回复 | 直到 5 年前

hong4rc 6ark 6 年前

你必须移除 this 从第一行:

requestAnimationFrame(() => {
        ....
});

Noel De Martin 5 年前

实际上,建议不要使用诸如 requestAnimationFrame 直接在react native中。建议使用 TimerMixin 相反,这样做最终会像最初问题中的代码一样调用它。

所以,一个更好的答案可能是“你错过了时间机器蛋白”。

以下是解释这一点的官方文件: https://facebook.github.io/react-native/docs/timers#timermixin

推荐文章

user19476497 · 如何使用useState修改数组以使其成为React中的常数

2 年前

Muhammad Ashraf · 反应:过滤从具有特定键的对象数组中获取值,并将结果分组到数组中

2 年前

John · 如何确定Javascript自引用循环是否完成[重复]

2 年前

Herc · 将用户信息添加到firebase(注册)react native

2 年前

Bonhart · 有没有更好的方法按名称查找数组中的特定对象?

2 年前

ubermo · 如何在React本机自定义组件中使用状态?

2 年前

ramanujans alkhazarim · 错误“元素类型无效”React Native

2 年前

Audrey K · 有没有办法降级React Native?

2 年前

user15137953 · 已求解的对象作为React子对象无效。如果要渲染子级集合,请改用数组。反应

2 年前

Tedi · 如何将单个数据从子组件传递到父组件?

2 年前