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

listview - 列表项内的TouchableHighlight,ListView内没有高度光

每个列表项都有 2 个按钮:

在此处输入图像描述

按钮不在 listView 内时有效。但是,当在列表视图内的列表项中时,它们不会突出显示,是否有我遗漏的东西?

列表显示:

项目清单:

圆形按钮:

0 投票
1 回答
1819 浏览

javascript - React Native 中的嵌套 Touchables

我遇到了一个问题,嵌套的 Touchable 中的双重触摸(同时触摸)会到达父 Touchable。

在下面的示例中,Touchable 嵌套了三层。当我按下最深的可触摸(蓝色)时,控制台会正确打印“蓝色”。当我按下分别打印“绿色”和“红色”的其他图层时,它的行为也正确。

当我同时进行两次触摸和释放时,就会出现奇怪的行为——然后触摸层的 onPress 根本不会被调用。相反,当两个触摸都结束时,父 Touchable 只接收一次触摸。

此外,当我在最外层(没有父可触摸的红色)上同时执行两次触摸时,该层将接收触摸。从我的角度来看,这似乎更正确,但偏离了上述嵌套 Tocuables 中的奇怪行为。

0 投票
2 回答
1834 浏览

react-native - TouchableHighlight 的子级在印刷机上失去了不透明样式

TouchableHighlight的子项具有不透明度时,其不透明度会在 TouchableHighlight 被按下后消失(设置为 1)。

在此处运行示例:https ://rnplay.org/apps/c0NIjQ

最小的例子:

有没有办法解决这个问题,或者它是 React Native 中的一个错误?

0 投票
1 回答
4646 浏览

javascript - React Native - 如何更改视图 onPress 的样式和图像

我有三个包含三个视图的 TouchableHighlight 元素(彼此相邻对齐)。Onpress 我想更改视图的样式(背景颜色)和图像(按下的视图将变为活动状态)。

  • 活动视图 - backgroundColor<View style={styles.circle}>应变为“红色”,图像源应为“arrow-win-active.png”<Image source={require('../images/arrow-win.png')} style={styles.arrowWin}></Image>
  • 其他两个观点保持不变

最好的方法是什么?

这是一个屏幕截图:

在此处输入图像描述

到目前为止,这是我的代码:

0 投票
2 回答
2135 浏览

ios - 如何在支持 3d 触摸(强制触摸)的设备上使 TouchableOpacity 或 TouchableHighlight 可点击

我有这个代码:

当启用 3d touch 时,我无法onPress为 iPhone 6s 及更高版本工作。

我已经尝试了这里建议的大多数解决方案,但没有运气。

我将不胜感激任何帮助!

0 投票
2 回答
5512 浏览

react-native - react-native - TouchableHighlight - onPress - 传递参数 - 如果我传递迭代器 var 它每次都是最高数字

我如何成功传递和传递可触摸对象的 id。

//基于“i”我想滚动到某个地方}

我想要做的是,基于哪个touchablehighlight被按下来滚动滚动视图到基于“i”参数的轴坐标

0 投票
3 回答
2933 浏览

react-native - TouchableHighlight 和 TouchableOpacity 在 render() 上突出显示

我遇到了一种行为,其中 TouchableHighlight 和 TouchableOpacity 在渲染时会做出视觉反应(未调用 onPress)。

有一件事是它看起来有点奇怪,当我进入页面并且我的按钮做出一个小的“闪烁”时。这很奇怪,但可以容忍。更令人沮丧的部分是,如果我改变父组件的状态并因此调用 re-render(),按钮将再次“闪烁”,每当我改变状态时,所有按钮都会闪烁。

按下按钮会改变页面状态,因此按下按钮会使两个按钮“闪烁”。

我使用 react-redux,但这不应该影响这种行为。

下面的代码仅用于说明。

0 投票
2 回答
1074 浏览

android - 按下以打开另一个屏幕时,本机 TouchableHighlight 没有任何行为

感谢您的阅读,我是 React Native 的初学者,我在这个网站上找到了类似的问题标题,但我的问题与此不同。

我用TouchableHighlight按打开一个新屏幕,我成功了。但是按钮没有改变颜色。这正常吗?

我有一些尝试:

  • 我尝试使用 TouchableOpacity:The button will change it opacity and then open new screen
  • 我也尝试使用 TouchableNativeFeedback:该按钮一次行为正常,当我第二次点击时它没有任何行为,除非我长按。
  • 当我使用按钮做其他事情时,而不是打开新屏幕,它的行为正确。

这是我的代码:

我使用:“react”:“15.4.2”,“react-native”:“0.41.2”,平台:android 6.0

0 投票
1 回答
7282 浏览

react-native - React Native 错误:“找不到变量:TouchableHighlight”

我正在尝试使用 Expo 在 React Native 中创建一个井字游戏板。我正在使用 TouchableHighlight 使电路板可触摸,以便我可以添加 X 和 O。当应用程序运行时,我收到以下错误:“找不到变量:TouchableHighlight”(Board.js 12:6)。

Board.js

还有什么我需要导入的吗?我查看了其他人的代码,并没有发现任何明显不同的地方。任何帮助表示赞赏,谢谢。

0 投票
2 回答
869 浏览

javascript - React-native:tvOS 如何强制 TouchableHighlight 聚焦?

我编写了一个 tvOS 应用程序,当用户点击遥控器上的特定按钮(如“向上”、“向下”...

提前谢谢你