我正在学习React Native Reanimated版本2,但在创建调用'worklet'
的函数时遇到了一个问题。
我在一个用npx react-native init myApp
创建的React Native裸项目上安装了React Native Reanimated版本2。
我已经遵循了所有的安装说明,如下所示。
- 配置
babel.config.js
:
module.exports = {
presets: ['module:metro-react-native-babel-preset'],
plugins: [
'react-native-reanimated/plugin'
]
};
- 启用Hermes,将其设置为true。
- 配置
MainApplication.java
文件。 - 正在清理构建。
- 正在使用
yarn start --reset-cache
重置该高速缓存。
我试着做一个简单的Worklet函数,像这样:
import React from 'react';
import { View, Button } from 'react-native';
const App = () => {
const someWorklet = () => {
'worklet';
console.log('this run on UI thread');
};
return (
<View >
<Button title="Press" onPress={() => { }} />
</View>
);
};
export default App;
正如你所看到的,App.js
中的代码很简单,但是当我调用'worklet'
时,我总是得到一个undefined is not a function
错误,如下所示。
1条答案
按热度按时间2fjabf4q1#
我觉得自己像个傻瓜...
我只需要导入
App.js
中的react-native-reanimated
和所有完成。:)看起来react-native-reanimated v2文档没有提到将
react-native-reanimated
导入到我们项目的顶部。