如何在零食博览会上恢复工作

Question

我正在尝试使Expo Snack上的动画（https://github.com/kmagiera/react-native-reanimated）恢复运行，但我的手机上始终出现此错误。

TypeError: undefined is not a constructor 
(evaluating 'new _reactNativeReanimated.default.Value(0)')

在世博小吃上

Error: "Cannot read property 'Value' of undefined" in TypeError: Cannot read 
property 'Value' of undefined << at new App (module://App.js.js!transpiled:47:53) 
<< at so ([snack internals] << at Mi ([snack internals] ...

我创建了一个简单的Expo Snack来演示此问题，可在此处https://snack.expo.io/@benjeau/reanimated-problem中找到。如何解决？

这是小吃的代码。

import * as React from 'react';
import { View } from 'react-native';
import Animated from 'react-native-reanimated';

export default class App extends React.Component {
  test = new Animated.Value(0);

  render() {
    return (
      <View />
    );
  }
}

谢谢！

Answer 1

要在Expo Snack中使用动画，您需要从react-native导入 NativeModules 并从中获取 UIManager 。例如：

import * as React from 'react';
import { View, NativeModules } from 'react-native';
import Animated from 'react-native-reanimated';

const { UIManager } = NativeModules;

export default class App extends React.Component {
  test = new Animated.Value(0);

  render() {
    return (
      <View />
    );
  }
}

Answer 2

只需更改expo的版本并使用其他版本进行测试即可。 底部栏的此处是一个用于更改点心的博览会版本的选项。