小编Ton*_*haz的帖子

我在 ReactNative 中制作了一个折叠收费栏，当Animated.ScrollView contentOffset.y 等于 240时，我需要停止动画。如果我在外部函数中放置任何条件或调用 Animated.event，它就无法工作。

Animated.Value.stopAnimation ()也不起作用。

这有效：

<Animated.ScrollView\n   scrollEventThrottle={1}\n   onScroll={\n     Animated.event(\n       [{nativeEvent: {contentOffset: {y: this.state.scrollY}}}],\n       {useNativeDriver: true}\n     )\n   }\n>\n...\n

这不起作用：

handlerScroll() {\n  Animated.event(\n    [{nativeEvent: {contentOffset: {y: this.state.scrollY}}}]\n    {useNativeDriver: true}\n  )\n}\n...\nrender() {\n return(\n   <Animated.ScrollView\n      scrollEventThrottle={1}\n      onScroll={this.handlerScroll.bind(this)}\n    >\n )\n}\n...\n

这也不起作用\xc2\xb4t

<Animated.ScrollView\n   scrollEventThrottle={1}\n   onScroll={\n     this.state.canScroll &&\n     Animated.event(\n       [{nativeEvent: {contentOffset: {y: this.state.scrollY}}}],\n       {useNativeDriver: true}\n     )\n   }\n>\n...\n

我不知道我还能用什么来停止我的动画。

我需要做出这样的效果：

我按照Polymer官方的嵌套模板示例,重复第二个模板.

我的数组数据类似于:

[
  {
    "title": "My title book",
    "author": "The author",
    "votes": [
      { "bad": 0 },
      { "regular": 2 },
      { "good": 201 },
      { "excellent": 458 } 
    ]
  },
  {
    "title": "My title book",
    "author":"The author",
    "votes": [
      { "bad": 0 },
      { "regular": 2 },
      { "good":201 },
      { "excellent": 458 }
    ]
  }
]

这是我的聚合物元素代码:

<template is="dom-repeat" items="{{books}}" as="book">
      <div><b>Title: </b><span>{{book.title}}</span></div>
      <div><b>Author: </b><span>{{book.author}}</span></div>
      <div>
        <p>Votes:</p>
        <template is="dom-repeat" items="{{book.votes}}" as="vote">
          <b>Bad: </b><span>{{vote.bad}}</span>
          <b>Regular: </b><span>{{vote.regular}}</span>
          <b>Good: </b><span>{{vote.good}}</span>
          <b>Excellent: …