问题标签 [touchablewithoutfeedback]

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 回答
312 浏览

ios - TouchableWithoutFeedback 仅有时在实际设备上调用 onPress 而模拟器工作正常

刚刚在我目前只使用 iOS 模拟器构建的实际 iPhone 上测试了一个简单的 UI。事实证明,iPhone 只记录了我对按钮的大约 20% 的触摸,而模拟器在 100% 的触摸下工作得很好。

我已经向存储库提交了一个问题并将代码上传到 Expo 上供任何人尝试:https ://snack.expo.io/@leonard91/bug-report

可能的原因?

0 投票
7 回答
4307 浏览

react-native - react-native TouchableNativeFeedback onPress 不起作用

我创建了一个组合组件来将 TouchableNativeFeedback 组合到 wrapperComponent。

但是TochableNativeFeedback的 OnPress 事件没有触发。而 OnPress 事件被正确触发,并且如果wrappercomponent包裹在 TouchableOpacity 下,则调用 wrappercomponent 的 onContainerViewPress 属性。

我正在 Android 平台上对此进行测试。

0 投票
0 回答
522 浏览

react-native - 反应本机事件传播中的嵌套可触摸对象不起作用

我在带有 onPress 方法的 TouchableOpacity (父级)中有一个带有 onLongPress 方法的 TouchableWithoutFeedback (子级)。

我想要的是子组件上的常规按下(不是长按)应该触发父组件的 onPress 方法。我的长按目前正常工作,但常规按不会传播到父 TouchableOpacity。

有什么解决方法吗?提前致谢。

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 回答
128 浏览

react-native - 处理 ReactNative 屏幕上呈现的长文本中每个单词的按下事件

  1. 我有一个长文本(例如,某本书的一部分),我需要在屏幕上呈现它,但我需要每个单词来处理触摸。在触摸时,我想显示这个词的翻译。有没有比将每个单词包装在一个可触摸组件中更有效的方法来做到这一点?

  2. 我希望能够选择几个单词并查看这些单词的翻译。如果我们将每个单词都包装在 touchable 中,有没有办法在 ReactNative 中做到这一点?

0 投票
1 回答
361 浏览

react-native - 在 Touchable 中 React Native UI 组件包装

我试图检测用户何时按下我编写的自定义 UI 组件(它显示视频源)。我已经尝试使用所有可触摸组件,并且理想情况下希望使用 TouchableWithoutFeedback 组件,但它们都没有检测到我的组件上的压力。此外,当我使用检查器选择我的组件时,我收到错误Expected to find at least one React renderer,但我不确定如何正确设置我的组件以拥有渲染器。

原生 UI 组件:

我的 UI 组件 Javascript 包装器如下:

我尝试检测新闻:

这是我第一次尝试在 React Native 中实现原生 UI 组件,所以如果我做错了事,请提前道歉。

0 投票
2 回答
663 浏览

react-native - 使背景图像从按钮单击按钮上消失,TouchableWithoutFeedback - React Native?

在此处输入图像描述

我创建了一个非常大的按钮,上面有一个长颈鹿头和一个蓝天,后面有云。我想知道当你点击长颈鹿的头部时,如何让图像(背后的天空)消失,然后当你再次点击长颈鹿时重新出现。我需要很多这样的按钮,所以我尝试制作一个可重用的按钮组件。

我做了一堆组件。 https://snack.expo.io/@tamsynjennifer/custom-button

否则这是代码:

可重复使用的按钮.JS

APP.JS

0 投票
3 回答
16850 浏览

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

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

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

0 投票
5 回答
16185 浏览

react-native - 使用 TouchableWithoutFeedback 反应本机 onPress 不起作用

我正在开发一个简单的 React Native 应用程序用于学习目的。我只是迈出了进入 React Native 世界的第一步。但是在这个非常早期的阶段,我遇到了问题。我无法让简单的触摸事件正常工作。我正在使用 TouchableWithoutFeedback 实现触摸事件。这是我的代码。

如您所见,我正在列表项上实现触摸事件。但是当我在模拟器上点击卡片时它根本没有触发。为什么?我该如何解决?

0 投票
1 回答
1344 浏览

react-native - TouchableWithoutFeedback 从不触发触摸事件

我有以下 React-Native 代码,它会提醒用户它被按下了,但是它没有响应任何东西。

我尝试过使用不同的Touchable组件,但似乎都不起作用,唯一的一个是Button,但这不是我真正想要的,我正在构建一个滑块,所以按钮并不适合这个。

无论如何,这是我的代码:

./styles.js

谢谢你的帮助