问题标签 [touchablehighlight]

我在其他屏幕（不是模态）中使用了touchablehighlight，它们工作正常。但我不明白为什么当我把它放在模态时它不能正常工作。如果我把按钮，它的作品。这是我的代码的一部分：请帮助我！

我在使用 TouchableOpacity 时遇到了一些问题……它在 ios 上完美运行，但在 android 上却不行。我很确定我是从“react-native”而不是“react-native-gesture-handler”导入的。

然后我改用“react-native-gesture-handler”中的TouchableHighlight，从react-native及其作品中删除。但是仍然不能从“react-native”或“react-native-gesture-handler”使用 TouchableOpacity。

我从不同时放置“react-native”或“react-native-gesture-handler”，因为每次我尝试更改时，我都会注释掉其中一个

我现在被卡住了，因为其他屏幕工作正常。

它只发生在这个模态屏幕（下）中。有人可以给我建议吗？

时间

我正在为我的组件使用TouchableHighlight。 <TouchableHighlight onLongPress={onLongPressButton} underlayColor="purple">在我按下组件后（我不知道这是否是动作的正确名称），底层颜色消失。我想保留它并让它留下来。我尝试使用background颜色作为底层<div>，但它与边界不同underlayColor

编辑- 组件没有初始颜色，因此它是白色（或任何默认颜色）。不，我不希望在onPress事件中更改颜色。当我将手指从onLongPress活动中移开时，只是为了保持“突出显示”

我是一名新的 react 原生开发人员，我遇到了 TouchableHighlight 的问题，它总是显示错误“错误：React.Children.only 预计会收到单个 React 元素子项。” 此外，当我删除它时，它照常工作，我假设这个问题来自我的设备/vscode/浏览器。因为我已经遵循了https://reactnative.dev/docs/touchablehighlight的源代码，但仍然显示该错误。没有 TouchableHighlight 标记的
错误图像图像

这是我的代码

我正在构建一个带有 react native 的 android 电视应用程序。我有一个填充了 TouchableHighlights 的平面列表，我需要第一个元素被聚焦，但没有调用 onfocus 函数。

我不确定它是否与 useCallback 挂钩或是否与 FlatList 或 TouchableHighlight 直接相关。

感谢你的帮助。问候。

}

这是我的 renderItem 函数：

我正在尝试为 touchableHighlight 添加样式。每当我点击屏幕时，它也会选择边距。为什么会发生这种情况，我该如何摆脱它？

此外，黑框内还有一个图标。我想在触摸它时更改该图像的颜色。如何在 touchableHighlight 中添加该样式？

如果这很愚蠢，请原谅我。我是新来的反应本地人。

出于某种原因，屏幕中间有一个虚构的块，如果该部分位于这个虚构的框内，则不允许我单击 TextInput 或 TouchableOpacity/TouchableHighlights 的部分（即带有图标、文本、填充和颜色的按钮）。这是最奇怪的错误。在尝试调试它时，我添加了一个 ScrollView，如果我将这些 TouchableHighlights 滚动到这个想象中的框之外，我可以单击它们。如果我将它们滚动回框内，它们不会单击。如果他们一半在，一半的按钮点击。你明白了。

我已经为项目的其他部分的这些按钮使用了相同的 CSS 和组件层次结构，并且它们在这个想象的盒子之外可以正常工作。我真的大吃一惊。

这是我的项目的一些示例代码。

我一直在 iPhone 12 模拟器和实际的 iPhone XR 上进行测试，两者的效果相同。这是上面代码的图像，带有我添加的假想框。很大一部分登录按钮是不可点击的（粉红色）。

这个假想的盒子发生在多个不同的屏幕上，这些屏幕同时使用堆栈导航器或选项卡导航器在屏幕/组件之间导航。很难判断假想的盒子是否对于所有组件都相同大小。任何帮助是极大的赞赏！谢谢。

我试图让一个TouchableHighlight总是在右上角。我将位置设置为absolute， top 设置为 10 ， right 设置为 10 。结构如下：

样式如下：

为什么不显示TouchableHighlightwithstyle={styles.settingsButton}以及如何解决？