undefined不是'new Animated.valueXY()'中的构造函数

niv*_*dha 1 javascript reactjs react-native

我正在尝试实施刷卡.有人可以帮我解决这个错误

import React, { Component } from 'react';
import { Text, Animated, Dimensions, PanResponder } from 'react-native';

class AlbumDetail extends Component {
 constructor(props) {
 super(props);
 console.log('print log 1');
 const position = new Animated.valueXY();
 console.log('print log 2');

 const panResponder = PanResponder.create({
  onStartShouldSetPanResponder: () => true,
  onPanResponderMove: (event, gesture) => {
    position.setValue({ x: gesture.dx, y: gesture.dy });
  },
  onPanResponderRelease: (event, gesture) => {
    if (gesture.dx > SWIPE_THRESHOLD) {
      forcedSwipe('right');
    } else if (gesture.dx < -SWIPE_THRESHOLD) {
      forcedSwipe('left');
    } else {
      this.resetPosition();
    }
   }
 });

 this.state = { panResponder, position};
 }

render() {
return (
  <Animated.View
    style={this.position.getLayout()}
    {...this.state.panResponder.panHandlers}
  >
    {this.renderCard}
  </Animated.View>
 )}
}
Run Code Online (Sandbox Code Playgroud)

日志错误显示了这一点

打印日志1

可能的未处理的Promise拒绝(id:0):TypeError:undefined不是构造函数(评估'new _reactNative.Animated.valueXY()')

Jig*_*hah 8

你在这一行犯了错误:

new Animated.ValueXY() //capital V
Run Code Online (Sandbox Code Playgroud)

有关详细信息,请参阅文档