React Native TouchableOpacity 滚动

Question

我有一个关于在 TouchableOpacity (react-native) 中滚动一些内容的老问题。几个月来我一直在努力寻找任何解决方案，但没有任何解决方案与 onPress/onPressIn/Out 处理程序一起工作。有什么想法吗？

<TouchableOpacity
  activeOpacity={1}
  delayPressIn={1}
  onPress={handlePress}
  onPressIn={handlePressIn}
  onLongPress={handleLongPress}
  onPressOut={handlePressOut}>
    <ScrollView>
      {/* some content to be scrolled here */}
    </ScrollView>
</TouchableOpacity>

Answer 1

在 Scrollview

中使用 TouchableOpacity

<ScrollView>
    <TouchableOpacity
      activeOpacity={1}
      delayPressIn={1}
      onPress={handlePress}
      onPressIn={handlePressIn}
      onLongPress={handleLongPress}
      onPressOut={handlePressOut}>
        
          {/* component to be displayed */}
       
   </TouchableOpacity>
   <TouchableOpacity
      activeOpacity={1}
      delayPressIn={1}
      onPress={handlePress}
      onPressIn={handlePressIn}
      onLongPress={handleLongPress}
      onPressOut={handlePressOut}>
        
          {/* component to be displayed */}
       
    </TouchableOpacity>
 </ScrollView>

React Native TouchableOpacity 滚动

React Native TouchableOpacity scrolling

scroll

native

reactjs

touchableopacity