问题标签 [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 投票
1 回答
2407 浏览

react-native - React Native 防止触摸冒泡到父元素

如果我想阻止组件上的 onPress 事件View传播到Touchable以下Sample组件的父级,那么除了将子视图包装在其中之外,最好的选择是Touchable什么?

0 投票
1 回答
39 浏览

javascript - Require() 在本机反应

我致力于选择明星的想法,但我遇到了一个问题。这是我的代码:

我想当我们按一个时知道按的是什么,我的在一个数组中,我不知道我按的是什么

这是渲染

0 投票
11 回答
35447 浏览

javascript - 防止在 React Native 中双击

如何防止用户在 React Native 中点击两次按钮?

即用户不能在可触摸的高亮上快速点击两次

0 投票
2 回答
3705 浏览

react-native - react-native TouchableHighlight 禁用 onPress 颜色闪烁

我想禁用当 TouchableHighlight 被按下时使图像变黑的“颜色闪烁”或“颜色闪烁”效果。

这是屏幕渲染:

我如何做到这一点?

0 投票
1 回答
4667 浏览

javascript - 使用 TouchableHighlight 在 React Native 中按下时如何更改按钮颜色?

我目前正在开发一个应用程序,我无法弄清楚如何在使用 TouchableHighlight 按下按钮后更改颜色。不要与我知道作为 TouchableHighlight 的一部分存在的 underlayColor 道具混淆,它仅在按下按钮时更改颜色,然后返回其常规颜色。

这是我到目前为止所拥有的(为简单起见,省略了一些代码):

我查看了 StackOverflow 上的其他答案,并尝试了其中很大一部分,但我找不到任何适合我的问题的答案。我还查看了 React Native 文档,但没有找到任何有用的信息。现在的代码只显示按钮,按下时它会变黑,但按下后又回到原来的颜色。我正在寻找的是按钮在按下后变为红色并保持红色。任何帮助将不胜感激。非常感谢您提前提供的任何帮助!

0 投票
1 回答
182 浏览

image - React-native 动态生成带有图像的 TouchableHighlight

我有一个表单,用户可以选择三个成员选项之一。我正确渲染了屏幕,但按钮切换不起作用。当我单击其他按钮时,勾号仍停留在第一个选项上。这是我的代码

我在上面的代码中做错了什么?有人可以帮忙吗?提前致谢

0 投票
1 回答
161 浏览

performance - 自定义一个可触摸的文本,如查看更多

我正在编写一个反应本机应用程序。我想做一个新闻。看到更多像我们通常看到的东西的更多信息。我怎样才能做到这一点?

像这儿

0 投票
0 回答
815 浏览

image - 使用可触摸高亮的自定义按钮:可触摸高亮区域大于图像

我正在尝试使用设计师发送的资产创建自定义按钮。我想使用可触摸的高亮来创建带有图像的按钮。

那是代码,问题是可触摸区域太大,我希望它只是按钮区域。但我也希望按钮可以随屏幕动态调整大小,以适应不同的屏幕尺寸。那么有没有办法根据图片大小来固定Touchable的大小呢?

0 投票
5 回答
5916 浏览

react-native - react-native - TouchableHighlight:在 onPress 之后删除突出显示?

我正在开发一个简单的 react-native 应用程序,但在 TouchableHighlight 上遇到了问题:

按下 时TouchableHighlight,将显示一个新屏幕(使用 StackNavigator 中的react-navigation)。按下后退按钮并返回原始屏幕后,TouchableHighlight仍然有黑色背景色 - 意思是它仍然突出显示。

我的问题是:

  • 有没有办法手动停用TouchableHighlight-component 的突出显示?这样我就可以在onPress运行后禁用突出显示。
  • TouchableHighlight为什么要突出显示住宿的可能原因是什么?我在我的应用程序的其他部分使用它而没有导航,我可以想象它与此有关。

TouchableHighlight存在于 FlatList 中。renderItems 方法如下所示:

如果您需要/想要任何进一步的信息,请告诉我。我已经使用带有 Marshmallow 的 Genymotion-emulator 在 android 上测试了代码。

版本是:

  • 节点-v:8.9.4
  • npm -v:5.6.0
  • 反应原生 cli:2.0.1
  • 反应原生:0.54.2
  • 反应导航:1.5.2
  • 构建环境:Windows 10 64位

在这一点上,我很确定错误在我的代码中的某个地方,因为TouchableHighlight在我的应用程序的其他部分上正常工作,并且它可能与导航调用有关,但我无法查明,为什么。我已经确保我的应用程序中没有异常或类似的东西,并且 onPress 方法因此成功完成。

0 投票
1 回答
8926 浏览

android - React Native 左对齐图标和文本居中

我对 React Native 很陌生,我正在尝试做一些非常简单的事情:

我想创建以下组件:

一个TouchableHighlight,它的图像左侧对齐,文本相对于 Touchable 居中。

我尝试了很多选项,例如在文本中添加填充或边距,但这只会使按钮变大并且似乎不是最干净的方法。

这是我到目前为止所得到的:


出于视觉目的:

反应原生

这是满足您测试需求的小吃!
PS:已经尝试过但没有成功。