为什么 Animated.View 中的 ScrollView 不起作用?

pri*_*rum 5 javascript reactjs react-native

我想在这里问问题,我已经使用平移响应器制作了可拖动视图。我设法让它只能上下移动。这是我的泛响应器配置

this.panResponder = PanResponder.create({
  onStartShouldSetPanResponder: (event, gesture) => true,
  // THIS TRACK MOVEMENT OF OUR FINGER 
  onPanResponderMove: (event, gesture) => {
    if (gesture.dy > 0) {
      this.position.setValue({ y: gesture.dy });
    }
  },
  onPanResponderRelease: (event, gesture) => {
    if (gesture.dy > SWIPE_THRESHOLD) {
      this.forceSwipeDown();
    } else {
       this.resetPosition();
    }
  },
});
Run Code Online (Sandbox Code Playgroud)

我在animated.view中使用它,这是代码

<Animated.View
       style={[modalCard, this.position.getLayout()]}
       {...this.panResponder.panHandlers}
      >
        {
          // XButton
        }
        <TouchableOpacity style={button} onPress={() => this.props.closeModal()}>
          <Icon 
            name='times'
            size={wp(20)}
            color='#A9A9A9'
          />
        </TouchableOpacity>
        <View style={topBorders}>
          <View style={doubeLine} />
        </View>
        {this.props.children}
      </Animated.View>
Run Code Online (Sandbox Code Playgroud)

我的问题是,当我将 ScrollView 作为此组件的子级时,滚动视图不会滚动。我不知道为什么会这样,谢谢。

oma*_*oma -2

我正在这样使用,它正在我的项目中工作:

<Animated.View>
    <ScrollView>
        { this.renderMultimpleItems() }
    </ScrollView>
</Animated.View>
Run Code Online (Sandbox Code Playgroud)