问题标签 [pressable]

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

react-native - 不为 Pressable 调用 React Native onStartShouldSetResponder

我最近发现onStartShouldSetResponderReact Native 中的 Pressable 组件不调用该方法。这很令人困惑,因为onStartShouldSetResponder在使用 typescript 时,该方法在 Pressable API 中可用。

这是一个错误吗?Pressable API 是否会覆盖该onStartShouldSetResponder方法?

在提交文档更新请求之前,我想确保我没有弄错。谢谢!

重现步骤:

  1. https://snack.expo.dev/
  2. 将以下示例代码粘贴到 App.js 文件中,并注意在点击 Pressable 中包裹的文本时不会调用 onStartShouldSetResponder 方法。
0 投票
1 回答
381 浏览

android - Pressable 在嵌套视图中不起作用——反应原生

我在嵌套视图中的图像下方使用了一个可按压对象,该对象在父容器视图内部具有背景色,但是,onPress 没有响应,除非我定位可按压绝对对象(这迫使我重新定位其他组件)或当我删除背景颜色从子视图中,或者如果将可按下的按钮移到子视图之外可以正常工作。什么可能是它无法在具有显式背景颜色而不是默认值的视图中工作的根本原因。我觉得事件冒泡可能存在问题,例如视图的背景颜色与可按下的重叠。非常感谢专家建议和/或修复。只在安卓上测试过。谢谢

无背景颜色 无背景颜色

带有明确的背景颜色 带有明确的背景颜色

0 投票
1 回答
137 浏览

reactjs - Pressable 和 TouchableWithoutFeedback 的区别

Pressable 和 TouchableWithoutFeedback 是更高阶的组件,用于为其子组件添加触摸功能。它们有非常相似的用例。我想我可以在任何地方使用 Pressable 代替 TouchableWithoutFeedback(由于官方文档推荐)。

但问题是,有时他们的行为不同。例如,当我用 Pressable 替换 TouchableWithoutFeedback 时,布局会发生变化。我不知道是什么原因造成的,但我认为 Pressable 就像一个单独的视图,而 touchablewithoutfeedback 则不是。

除了它们不同的道具之外,你能清楚地说明这两者之间的区别吗?

这是他们行为不同的地方:

使用 TouchableWithoutFeedback:

可压:

比较使用 pressable 和 touchablewithoutfeedback 的输出

0 投票
0 回答
30 浏览

react-native - 当我按下按钮时,我应该改变我的功能来改变按钮的背景?请

当我按下按钮时,我有 5 个按钮“35,17,11,8,5”我想将按钮的值添加到数组中,并将按钮的背景颜色设置为“绿色”,如果我再次按下它,删除按钮的值从数组中并将按钮的背景颜色设置为“白色”,所以我这样做了。

当我按下一个按钮它起作用时,值被添加到列表中并且按钮设置为绿色,我再次按下它从列表中删除值但不将按钮设置为白色,将其设置为白色的唯一方法是按另一个按钮。

有人可以告诉我有什么问题吗?请

0 投票
1 回答
59 浏览

react-native - React Native - Pressable longpress 上的连续文本输入删除

当我尝试使用 Pressable 进行 onLongPress 时,我有点担心。与之关联的函数只被调用一次。

当我按住可按下时,如何让它连续删除 textInput 上的值?

示例代码:

提前致谢!

0 投票
0 回答
28 浏览

android - 按下时Android上的TouchableOpacity样式不好

在此处输入图像描述

在这里,您可以看到在 Android 上单击带有TouchalbeOpacity(from ) 的元素时样式如何变化。'react-native-gesture-handler'已经尝试将其更改为Pressablelessopacity但仍然出现这个奇怪的灰色边框。对此有什么想法吗?