reactjs - 在链接标签中使用 component={TouchableOpacity} 时收到错误

Question

我正在尝试创建一个导航栏，其中包含链接到不同页面的选项卡。当我使用时，我目前已经让它工作了

<Link to='/' style={styles.tabContainer}>
     <TouchableOpacity >
           <Text style={styles.tabText}>Home</Text>
     </TouchableOpacity>
</Link>

然而，当我长按按钮时，我得到一个黑色的填充物。我找到了一种解决方法

<Link to='/' component={TouchableOpacity} style={styles.tabContainer}>
     <Text style={styles.tabText}>Home</Text>
</Link>

黑色填充不再存在，但是当我使用此方法时出现错误：未定义不是对象（正在评估“event.defaultPrevented”）。

如果您需要更多信息，请告诉我，感谢您的帮助。

Answer 1

我将发布答案，以防万一有人犯我犯的同样错误。我像这样包括我的可触摸不透明度：

import { TouchableOpacity } from 'react-native-gesture-handler';

导入可触摸不透明度的正确库是

import { TouchableOpacity } from 'react-native'

因此，如果您确实收到错误：未定义不是对象（正在评估“event.defaultPrevented”）。在您惊慌之前，我会检查您要从中导入 touchableOpacity 的库。