Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/446.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript React Native-无法使用Animated.ValueXY设置contentOffset(ScrollView)的动画_Javascript_Ios_Animation_React Native_Scrollview - Fatal编程技术网

Javascript React Native-无法使用Animated.ValueXY设置contentOffset(ScrollView)的动画

Javascript React Native-无法使用Animated.ValueXY设置contentOffset(ScrollView)的动画,javascript,ios,animation,react-native,scrollview,Javascript,Ios,Animation,React Native,Scrollview,我正在尝试使用React Native中的Animated.ValueXY为滚动视图的contentOffset设置动画。目前,我遇到的问题是调用.start()时,滚动视图不会动画,内容偏移量保持在其初始位置{x:0,y:0} 在文档中,对于ValueXY,它概述了以下用途: 用于驱动二维动画(如平移手势)的二维值 首先,使用ValueXY设置滚动视图动画是否合适?我的理解是,在引入此API之前,您无法设置ScrollView组件的动画,但现在可以了 如果这是正确的,下面是我的用法: this

我正在尝试使用React Native中的
Animated.ValueXY
滚动视图的
contentOffset
设置动画。目前,我遇到的问题是调用
.start()
时,
滚动视图
不会动画,
内容偏移量
保持在其初始位置
{x:0,y:0}

在文档中,对于
ValueXY
,它概述了以下用途:

用于驱动二维动画(如平移手势)的二维值

首先,使用
ValueXY
设置滚动视图动画是否合适?我的理解是,在引入此API之前,您无法设置ScrollView组件的动画,但现在可以了

如果这是正确的,下面是我的用法:

this.state = {
  contentOffset: new Animated.ValueXY(), // inits to {x: 0, y: 0}
}
然后作为一个简单的例子,在
componentDidMount
上调用
.start()

Animated.timing(
  this.state.contentOffset, {
    toValue: { y: 1000, x: 0 },
    duration: 5 * 1000,
  }
).start();
最后,在渲染方法中:

<AnimatedScrollView
  onScroll={this.handleScroll}
  contentOffset={this.state.scroll}
  scrollEventThrottle={150}>

    <TouchableOpacity onPress={() => this.handleStartPress(false)}>
      <Text style={[styles.content, textStyles]} ref='text'>
        {content}
      </Text>
     </TouchableOpacity>

</AnimatedScrollView>

此.handleStartPress(错误)}>
{content}

只需快速浏览一下,但是动画ScrollView的
contentOffset
不应该是
this.state.contentOffset
,而不是
this.state.scroll
?它确实应该是this.state.contentOffset,但仍然不起作用。contentOffset似乎不可设置动画。这似乎仅限于样式,但其含义是它可以应用于任何简单的值。这是作者的错误报告,只是简单地看一下,但是动画ScrollView的
contentOffset
不应该是
this.state.contentOffset
,而不是
this.state.scroll
?它确实应该是this.state.contentOffset,但它仍然不起作用。contentOffset似乎不可设置动画。这似乎仅限于样式,但其含义是它可以应用于任何简单的值。这是作者的错误报告