问题标签 [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 回答
231 浏览

react-native - TouchableOpacity 和 TouchableHighlight 始终禁用

当未填写用户名/密码字段时,我试图禁用 TouchableOpacity 元素。这没用。它始终处于禁用状态。

我将条件打印!this.state.username || !this.state.password 到控制台,只有当两者都被填充时才为假,这是所需的结果,但 TouchableOpacity 的 disabled 属性似乎并未反映此条件下的值。下面是我的代码片段:

任何人都可以提出解决这个问题的方法吗?

0 投票
1 回答
231 浏览

reactjs - 如何在 React Native android 上制作一个包裹相机可点击的 TouchableOpacity?

我在 react-native TouchableOpacity 中渲染一个相机视图,如何让它可点击?

相同版本的代码在 iOS 上运行良好,touchableOpacity 是可点击的并产生正确的输出

当我按下 TouchableOpacity 时,我希望输出是一个带有“嘿”的警报,而不是我在 android 上什么都没有,但我在 iOs 上得到一个“嘿”

0 投票
1 回答
1229 浏览

javascript - TouchableOpacity 不显示图像

我有一个嵌套在 TouchableOpacity 中的图像。按下时,它允许我选择一个图像(个人资料图片),然后它应该将其图标更改为所选图片。当我加载页面时,TouchableOpacity 在那里,但占位符图像没有加载。当我按下 TouchableOpacity 并选择一个图像时,将显示所选图像..

0 投票
1 回答
954 浏览

react-native - 如何通过样式更改处理按下和取消按下的可触摸组件?

想法是创建一个特定的 Touchable 组件,其作用类似于按钮,并具有按下和未按下的感觉,并在我的应用程序上多次使用该组件,但一次只能按下一个。如果一个被触摸,然后另一个被触摸,第一个应该不被按下,第二个应该被按下。这个想法不是使用 Redux 来解决这个问题。

我已经在处理按下了哪个组件,并通过 props 将操作发送到组件。但我不知道如何以通用方式同时管理所有按钮,我的意思是,不是为每个按钮创建一个变量。

我的应用程序:

我的组件(ActivityButton):

0 投票
1 回答
2227 浏览

react-native - React Native浮动操作按钮可触摸不起作用

我在屏幕上有一个 FlatList 和 FAB。FAB 是绝对定位的。每当我尝试单击 FAB 时,都会单击 fab 后面的 FlatList 项。

当我删除绝对 FAB 的位置时,我尝试在 View 中包装 touchable 并尝试更改视图顺序但没有任何效果

附上截图

注意:它适用于iOS,但不适用于Android

0 投票
0 回答
431 浏览

react-native - 尝试单击图像以导航到不同的屏幕,但单击时没有导航

我一直在尝试单击图像以导航到另一个屏幕,即使发布了几次也没有结果。

经过几次尝试错误和试验后,我已经完成了屏幕工作但点击时的这些结构,我只能看到touchableOpacity效果但没有导航。任何人都可以帮忙,在这一点上真的很感激。谢谢

图标类onPress

父侧矩形,其中AddIcon包含:

GrandParent 是 Map 屏幕:

0 投票
1 回答
760 浏览

react-native - TouchableOpacity 在 Animated.View 中不起作用

我正在尝试将球从一个位置 (x1,y1) 转换到另一个位置 (x2,y2)。这个翻译应该在点击球后发生。

我正在使用 Animated.View 从状态变量中获取球的当前位置。在这个 Animated.View 中,我使用 Touchable Opacity 包裹孩子。我也在互联网上环顾四周,据我了解,这个问题与球的绝对位置有关(球的初始和最终位置是作为来自父母的道具传递的)

我无法理解为什么 onPress 没有被触发,也想知道这个问题的解决方案。谢谢

0 投票
1 回答
368 浏览

react-native - _this3.props.onHandlerStateChange 不是一个函数。(在 '_this3.props.onHandlerStateChange(e)' 中,'_this3.props.onHandlerStateChange' 为真)

我在我的 react-native 应用程序中使用了可触摸的不透明度,最初它在 1 分钟后处于禁用模式,这将被启用,但是如果我在它处于禁用模式时触发这个可触摸的不透明度,则会引发错误

_this3.props.onHandlerStateChange 不是一个函数。(在 '_this3.props.onHandlerStateChange(e)' 中,'_this3.props.onHandlerStateChange' 为真)

0 投票
1 回答
1185 浏览

react-native - React-Native如何在点击释放时仅触发对TouchableOpacity的点击

我正在制作一个类似火种卡的系统,你可以左右滑动,但现在我想添加一种点击方式。当我添加一个 touchableOpacity 时,我不能再移动它了,因为当我将手指放在它上面时,它会改变视图的不透明度并被阻塞。

基本上我尝试使用 touchableHighlight 但没有任何改变

所以我有 :

我希望卡片仍然能够移动,并且只有在我真的想点击时才触发点击

0 投票
2 回答
3615 浏览

image - TouchableOpacity 内的图像未显示

我目前正在尝试在 TouchableOpacity 中设置图像。它没有显示,我坚持为什么会这样。如果您能提供帮助,请告诉我。蒂亚!

我基本上从官方文档中复制了这个:https : //facebook.github.io/react-native/docs/touchableopacity,但无济于事。

想也许我的 TouchableOpacity 元素不是全屏的,但事实并非如此(当我设置背景颜色时,我看到它填满了屏幕)。

我得到红色背景来填满整个屏幕,但图像没有。