问题标签 [touchableopacity]

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

react-native - 可触摸的不透明度事件处理停止在高程上工作

我有一个固定的标题组件,上面有一个可触摸的不透明度,它可以工作。它的高度设置为 10。在它下面我有一个视图,我在固定标题下向上滚动。它的高度设置为 0。只要视图在固定标题下滚动,我就会丢失固定标题上的所有触摸事件。

我假设事件正在通过标题向下传播到滚动视图,但不知道如何阻止它?

我试图通过在标题上设置 onStartShouldSetResponder 来处理这个问题,但这没有帮助。

零件:

标题:

0 投票
2 回答
4148 浏览

react-native - Touchable Opacity onPressIn 颜色变化

我的 RN 应用程序中有以下代码。

我想在按下时更改 TouchableOpacity 的颜色。因此,在 onPressIn 中,我将颜色更改为深红色,但它显示为浅红色或类似的颜色。那里不能设置深色。这里有什么问题?在我 onPressOut 之前如何更改颜色?颜色应该是深色的。

0 投票
2 回答
4560 浏览

react-native - 可触摸不透明度打破居中

我正在尝试为应用程序设置导航栏的样式,该应用程序在中心有一个徽标,在左侧有一个后退按钮。我在将徽标和按钮水平居中方面已经走了很远。但是,当我设置一个align-items:'center'属性时,它似乎与 Touchable Opacity 不同。有没有办法让我的组件垂直和水平居中?

前任。|<- 标志 |

1. 没有 Touchable Buttons align-items: center, justify-content: center 2. 有 Touchable Buttons justify-content: space-between 3. 有 Touchable Buttons justify-content: space-between 和 align-items: center

0 投票
1 回答
310 浏览

react-native - Button 和 TouchableOpacity 对 onPress 事件没有反应

我有以下代码:

我的问题是,当我点击 TouchableOpacity 时,没有任何动作发生(在我的情况下显示警报)。我试图将 ToachableOpacity 和 View 组合更改为通常的按钮,但没有再发生任何事情。那么,有什么问题,我该如何解决呢?

0 投票
1 回答
166 浏览

react-native - 如果我使用按钮代替它,则无法执行 TouchableOpacity 或 TouchableHighlight 的 onPress 它工作我做错了什么?

我创建了一个 MyAlertBox.js 文件。用于测试使用如下。

在 Home.js 中。MyAlertBox 如下所示。

此处显示警报框,但如果我将 TouchableOpacity 或 TouchableHightlight 更改为 Button,则无法单击“确定”或“取消”,它会被调用并正常工作。我究竟做错了什么?

请指教。谢谢。

0 投票
1 回答
67 浏览

android - 如何使三个图像可触摸

请帮我制作可触摸的图像,以便我可以调用 onPress 函数

这是styles.threeButtons 样式

和额外的样式

[1]: https://imgur.com/a/46K5bvi例如礼物图片

0 投票
1 回答
338 浏览

javascript - React Native - TouchableNativeFeedback 组件的水平平面列表 OnPress 未执行

我有一个水平平面列表,当按下列表中的任何元素时,我想在其中执行一个函数。但是,OnPress 没有执行,涟漪效应确实显示出来。

我目前正在通过 OnPress 属性中的控制台输出进行故障排除。

我已尝试按照某些人的建议用 a 包装组件,但它仍然无法正常工作。

这是我的代码

0 投票
0 回答
350 浏览

react-native - 如何使 TouchableOpacity 在移动设备上只能在其形状内点击?

在网络上,塑造 TouchableOpacity 使其只有形状是可点击的,但在移动设备上,围绕形状的整个“框”都是可点击的。有什么办法可以让它只有形状是可点击的?

我尝试塑造视图并将 View 和 TouchableOpacity 上的样式设置为溢出:'隐藏',但这也无法包含可触摸的区域。

这是我的问题的小吃示例

0 投票
2 回答
83 浏览

react-native - Touchabe 不透明度在 React Navigation 中不起作用

我正在使用RN版本0.59.9React Navigaton 3.11.1.

我想在我的视图上添加 onPress,所以我将它包装在 TouchableOpacity 中,但它对我不起作用。

我尝试在 React Navigation 之外使用它,它仍然可以工作,所以可能是这个库中的一个错误。

我试图为要添加 OnPress 的视图设置高度,但仍然无法正常工作

更新:有关你们的更多信息,有一些代码:

我有两个这样的屏幕:

在 HomeScreen 中,我想在视图上添加 onPress,所以我将视图包裹在 TouchabeOpacity 中。它不起作用:

但是如果我在堆栈外使用相同的代码。让我们看看我将这段代码移动到根目录而不在堆栈中。它完美地工作。

0 投票
0 回答
451 浏览

react-native - 单击按钮后更改状态更改的可访问性标签

我有一组可触摸的不透明度用作可选项目。单击其中之一时,将选择该特定项目。我可以看到选择的变化(视觉上),但是在对讲时它首先读取旧的可访问性标签值,然后再次选择它会读出正确的值。据我了解,回话是在状态更改发生之前阅读标签。

有没有办法让我在状态改变发生后让回话阅读标签?

使用可访问性状态。