问题标签 [touchablehighlight]

我有一个标记为按钮（一个 TouchableHighlight）BOOM和另一个标记为 的按钮thinking。最初，显示动臂按钮，长按它应该被思考按钮取代。并且当思考按钮被按下时，应该再次被动臂按钮取代。我有以下代码：

和方法thinkingOn，thinkingOff只需切换状态thinking。

问题是当思考按钮被显示并且我松开手指时（按住动臂按钮后），onPress思考的归属被解雇了

我正在开发 [Tooltip][1] 用户可以单击以获取解释。看起来像这样

这样做的问题是用户需要单击确切的文本顶部才能工作，我想在它周围创建一个不可见的框，用户可以单击它内部的任何位置来触发它。

也试过这个

但这两个都不起作用。任何人都可以就我的代码有什么问题以及如何修复它提出建议。此外，当我需要它们可点击并且我想将可点击区域扩展到比文本本身更大的区域时，我应该如何处理文本的任何建议。

谢谢

概括

我正在尝试制作一个反应原生颜色选择器组件，它将放置一个边框，围绕该边框选择一个。该组件允许编码器传递他们想要使用的颜色数组，因此我通过将数组传递给渲染方法来动态渲染它。

方法

我处理显示哪个被选中的方式-我将每个颜色组件的borderWidth设置为一个状态为全0的数组。单击它时，我将某个索引设置为 1。但是，这并不能正确更新宽度。该数组正在正确更改，但它没有更新可触摸的宽度。

代码：

}

我们在我们的应用程序中使用了view pager（react-native-community/react-native-viewpager），每个页面都有 3 个部分，所有 3 个部分都是可点击的，为了使其可点击，我们正在使用TouchableHighlight。

因此，每当我通过滑动更改页面时。如果我的滑动触摸在里面TouchableHighlight，IOS它就会把它当作点击，否则android它工作正常。

I'm trying to emulate focus/ blur event in react native with no success. I have two components, Home and Button. In home i render a list of buttons(category1, category2 and category3). Here is my code:

---HOME COMPONENT----

---BUTTON COMPONENT---

This code works partially. When i click first button(category1) it changes the background color as expected, but when i click second button(category2) then the button category1 should take the initial style(lost focus).

Please help. Thanks

我们遇到了一个奇怪的问题。问题是，当您按下按钮时，由于某种原因，正在发生对 underlayColor 的突出显示，但 Touchable 没有触发 onPress 处理程序。

如果您继续按下按钮（如在长按事件中），则会运行 onPress 处理程序

有任何想法吗？我们仍在使用 RN 的旧版本，即 0.59.9。我想补充一点，在 iOS 上，行为是预期的。

更新（代码）：

我在 React Native 中遇到了涉及可触摸高光和图像的问题。当我不使用 TH（可触摸高光）时，我的图像样式可以完美运行。1

但是当我在我的应用程序中添加一个 TH 来处理导航时，图像完全取消配置，我不知道为什么。它没有出现。2

这是我的代码。

感谢你的帮助！

我附上了两张图片，一张显示当前视图，另一张显示我想要的视图。

您可以在上面的图片中看到，在第一张图片中，突出显示的区域是一个矩形，而在第二张图片中，它是一个圆角矩形。我想实现第二种风格，但我做不到。

高亮区域其实是 React Native 中 TouchableNativeFeedback 组件的结果

请指导我实现这一目标

下面提到了代码片段：-

上述布局的样式代码：-

我是 React Native 的初学者，所以如果这听起来很傻，我很抱歉，但是每当我将 Image 标签包装在 TouchableHightlight 标签中时，Image 就会从我的屏幕上完全消失

请问我该如何解决？

我为我正在为一家公司构建的应用程序制作了一个可滚动的标题。当我尝试使用 TouchableHighlight 触发 onPress() 事件时，它不会注册，因为位置键设置为“绝对”：

在互联网上搜索了几个小时后，我尝试了以下方法：

-提高 zIndex/elevation -确保从“react-native”导入 TouchableHighlight -从“react-native-reanimated”导入动画库

当我在主标题中注释掉 position:absolute 时，它​​工作得很好，但是当它向上滚动时，标题会在它后面留下一个视图，我无法在上面放置一个视图。

我在这里没有选择......任何帮助将不胜感激！