scrollview - React Native Touchable 正在禁用 ScrollView

Question

我是 React Native 的新手，所以我可能会问一些非常明显的问题，但请帮忙。

我有一个包含在可触摸中的 View ，以便整个区域响应敲击。然后在 View 中嵌套一个 ScrollView。整体结构是这样的:

<TouchableWithoutFeedback onPress={this.handlePress.bind(this)}>
    <View>
        <ScrollView>
            <Text>Hello, here is a very long text that needs scrolling.</Text>
        <ScrollView>
    </View>
</TouchableWithoutFeedback>

当它编译并运行时，会检测到点击，但 ScrollView 根本不滚动。我使上面的代码简短而简单，但每个组件都有正确的样式，我可以看到一切都呈现良好，并且长文本在 ScrollView 的底部被截断。请帮忙。

谢谢!

Answer 1

这对我有用:

<TouchableWithoutFeedback onPress={...}>
  <View>
    <ScrollView>
      <View onStartShouldSetResponder={() => true}>
        // Scrollable content
      </View>
    </ScrollView>
  </View>
</TouchableWithoutFeedback>

onStartShouldSetResponder prop 停止向 TouchableWithoutFeedback 传播触摸事件元素。