问题标签 [touchablehighlight]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
523 浏览

react-native - 如果包裹在 Touchable 中,则无法单击 Android 上的 Webview

这是反应原生应用程序中的 Android 特定问题。

更准确地说,这个问题可以在三星 S6 Edge、Pixel 2 等设备上产生,并且适用于其他 Android 手机。

我有一个包裹在 Touchable 下的 webview(播放视频),如下所示:

当我单击 webview 时,它根本无法识别触摸。

如果我删除 TouchableWithoutFeedback,它工作得很好。

当点击 webview 时,我需要有 touchable 以获取有关其 onPress 事件的一些数据。

这是风格 - styles.newsVideo

我已经尝试过其他帖子中建议的 onStartShouldSetResponder、pointerEvents 等道具。他们都没有为我工作。真的很感谢这里有人的帮助。谢谢

0 投票
0 回答
965 浏览

react-native - 在 Flatlist 内滚动时,TouchableOpacity 突出显示

在此处输入图像描述

我在 Flatlist 的行项内呈现了 TouchableOpacity。我想在用户单击该项目时显示单击效果。但是,当用户开始滚动时,也会触发点击效果。用户滚动时如何禁用突出显示效果?

0 投票
0 回答
545 浏览

react-native - React-Native:如何在动画期间滚动时禁用 TouchableHighlight?

在 react-native 中使用 Animated.ScrollView 滚动时,我需要禁用一个按钮。

我正在尝试应用类似的东西:

在 TouchableHighlight 的道具中。

据我所知,无法将值:this.state.scrollY._value 直接应用到 TouchableHighlight 的“禁用”道具中。但是我真的不知道如何进行-.-

我真的很感激任何帮助。

我的按钮采用以下格式:

这是完整的代码:

0 投票
1 回答
6680 浏览

javascript - TouchableHighlight underlayColor 不起作用。颜色只是没有改变

我有一个组件:

这是风格:

问题是,当我单击按钮时,会调用 onPress 函数,但 TouchableHighlight 的颜色保持不变。

我也试过这个:

带括号,但它是一样的。

0 投票
1 回答
319 浏览

react-native - React-Native TouchableHighlight activates wrong button when next to each other

I have a React-Native view where I have to buttons side by side from each other.

What is happening is when I click Back, it does what it is supposed to do: console.log(-1)

However, when I click on Next, the console.log of "Back" is being activated almost 70% of the time and only 30% of the time it shows a console.log(+1)

I have no idea why this is happening. Here is a screenshot of what is rendered. Left side is what you see from the code below and the right side is what you see if I add a red border to styles.footerButtonContainer.

What is even weirder is, if I add this border, then the above issue completely disappears and the buttons act as they are supposed do.

enter image description here


Code

0 投票
3 回答
16850 浏览

react-native - 如何正确使用 React Native onLongPress?

我有一段简单的代码,它只是一个带有 onLongPress 道具的 TouchableOpacity,但它似乎不起作用。

我试过删除延迟道具,但这仍然不起作用。然而,将 onLongPress 更改为 onPress 似乎确实有效,但我想要长按功能。我正在 Android 模拟器上对此进行测试。

0 投票
23 回答
53675 浏览

android - 反应本机 TouchableOpacity onPress 在 Android 上不起作用

TouchabelOpacity 在 iOS 上运行良好,但 onPress 方法对我来说在 Android 上不起作用。

我的本机版本:0.57.4

我的代码:

0 投票
1 回答
1682 浏览

image - 如何将图像制作为切换按钮以在本机反应中显示两个不同的图像

我正在做反应原生项目。在那,我必须显示自定义图像,如切换按钮,其中,对于关闭一个图像和打开另一张图像,我必须显示,并且,两个组件应该必须根据 ON/OFF 状态显示。

我是这个领域的新手。

我知道设置图像可触摸/Onpress,但是,如何设置自定义图像并根据该组件开关进行切换。

有什么建议么?

0 投票
1 回答
46 浏览

class - 在按下同一组中的不同类时禁用反应原生类

我是全新的反应,使用 TouchableHighlight,我创建了一个类,

我已经在这样的不同组件中导入了 ChooseProComp 类,我不确定是否必须添加自定义方法。

因此,当我选择特定类型(如 Medical)时,我想禁用其他类型的 ChooseProComp 类。请帮我解决一下这个。其他类型的不透明度也需要降低。

0 投票
1 回答
231 浏览

react-native - TouchableOpacity 和 TouchableHighlight 始终禁用

当未填写用户名/密码字段时,我试图禁用 TouchableOpacity 元素。这没用。它始终处于禁用状态。

我将条件打印!this.state.username || !this.state.password 到控制台,只有当两者都被填充时才为假,这是所需的结果,但 TouchableOpacity 的 disabled 属性似乎并未反映此条件下的值。下面是我的代码片段:

任何人都可以提出解决这个问题的方法吗?