在 iOS 上“Scrollview”中使用“Pressable”时发生冲突

Question

在 React Native 中，我使用 ScrollView 组件，以及其中的 Pressable 组件。

通常且仅在 iOS 上，似乎存在冲突，因为如果手指放在 Pressable 元素上，滚动似乎不起作用，如视频所示：

由于 Pressable 元素相当大，因此会降低滚动时的用户体验（有时该元素甚至被视为按下并打开）。

import React from 'react';

import {Pressable, ScrollView, View} from 'react-native';

const DashboardScreen = () => {
  return (
    <ScrollView showsVerticalScrollIndicator={false}>
      <Pressable>
        <View>...</View>
      </Pressable>
    </ScrollView>
  );
};

export default DashboardScreen;

有人知道如何限制这个问题吗？非常感谢。

Answer 1

我也有同样的问题。将 ScrollView 的所有子项包装在一个可按下的元素中解决了我的问题：

<ScrollView>
       <Pressable>
         <View>
          <Text>View number 1</Text>
        </View>
    
       <Pressable>
        <Text>Pressable View</Text>
      </Pressable>
    </Pressable>
</ScrollView>