最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

javascript - undefined is not a constructor in 'new Animated.valueXY()' - Stack Overflow

programmeradmin7浏览0评论

I am trying to implement a swipe card .Could someone help me with this error

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>
 )}
}

the log error shows this

print log 1

Possible Unhandled Promise Rejection (id: 0): TypeError: undefined is not a constructor (evaluating 'new _reactNative.Animated.valueXY()')

I am trying to implement a swipe card .Could someone help me with this error

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>
 )}
}

the log error shows this

print log 1

Possible Unhandled Promise Rejection (id: 0): TypeError: undefined is not a constructor (evaluating 'new _reactNative.Animated.valueXY()')

Share Improve this question edited Jun 20, 2020 at 9:12 CommunityBot 11 silver badge asked Jul 3, 2017 at 10:44 nivendhanivendha 8371 gold badge8 silver badges18 bronze badges
Add a ment  | 

1 Answer 1

Reset to default 10

You made mistake in this line:

new Animated.ValueXY() //capital V

Please refer documentation for further details

发布评论

评论列表(0)

  1. 暂无评论