代码之家 › 专栏 › 技术社区 › 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 回复 | 直到 6 年前

hong4rc 6ark 6 年前

你必须移除 this 从第一行:

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

Noel De Martin 6 年前

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

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

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

推荐文章

Dglfwcfa · 将两个状态组合成一个,并将内容排序到嵌套对象中

5 月前

selcukctn · 如何在react native中制作无限动画?

6 月前

Bruno Nobre · 如何使组件只安装一次?

6 月前

Nejib Afdhal · 如何在带有类名的react native中使用顺风动画?

6 月前

MattJ · 无法处理javascript/react-native中null变量的情况

6 月前

barmin · React Native:组件“NativeCamera”的视图配置getter回调必须是一个函数(收到“undefined”)

10 月前

Tony · 如何为三元运算符的每个条件设置两种不同的样式?

10 月前

docker compose · React Native中椭圆或圆角矩形视图周围的进度边界

10 月前

Leonard · React Navigation v5 Redux

10 月前

Khuong Viet Tai · 无法创建react本机项目安装Pod失败

10 月前