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

javascript - 如何在本机反应中简要更改触摸时的背景颜色?

在移动应用程序中,显示用户已触摸特定元素的某种指示至关重要,尤其是在尝试触摸将重定向的元素时。因此,我希望touchableOpacity在触摸时更改元素的背景颜色,然后返回原始背景颜色。

例如,如果用户触摸此元素:

在此处输入图像描述

触摸时更改背景颜色。

我该怎么做touchableOpacity


以上只是行不通。

任何帮助,将不胜感激。

0 投票
1 回答
562 浏览

react-native - React Native Touchable 不透明度问题

我正在尝试根据我将用户链接到的 url 创建一个按钮/图标组件更新图标图像。例如,我有一个电影对象,我想将用户链接到 imdb 和烂番茄。我希望该组件在链接烂番茄深层链接时显示烂番茄图标,并在链接 imdb url 时显示 imdb 图标。

我正在从数组中渲染数据。例如:

如何将数据从对象拉到两者,以便呈现数据?

0 投票
2 回答
560 浏览

javascript - React native TouchableOpacity onPress 不适用于 UselessTextInput

onPress 调用的函数是:

我找不到任何解决方案它不起作用我尝试更改onPressonPress={() => { console.log('Clicked') }} 仍然不起作用

谁能告诉我它不工作我做错了什么

0 投票
1 回答
8505 浏览

javascript - 如何根据里面的组件调整 TouchableOpacity 的大小?

TouchableOpacity在学习 react-native 时用来制作按钮。

但问题是,TouchableOpacity需要 100% 的屏幕宽度。但是,我想利用其中存在的组件来调整大小/增长。

我该怎么做?

当我减小TouchableOpacity10 或 20 之类的宽度时,它会自动增加其高度以适应Text.

那么,有可能TouchableOpacity随着其中存在的组件的大小而增长吗?

0 投票
2 回答
5856 浏览

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

我在响应本机的 onPress 事件上工作。第一次,我写了这段代码:

这样,我的按钮就可以工作了,但是 onPress 会在每次 render() 调用时自动调用。我搜索并在这里找到了解决方案:React Native onPress 被自动调用

但是现在,如果我没有任何自动呼叫......当我按下我的 Touchable 组件时我没有呼叫。

我尝试了一些版本:

--

--

没有成功...

精确,我在一个单独的组件上工作。该组件在主渲染中被调用,如下所示:

0 投票
1 回答
18595 浏览

react-native - 在 TouchableOpacity 上创建“凸起”或阴影效果:React Native

我使用react-native-elements,它们可以很容易地使实际按钮显示为“凸起”或阴影。我想复制这个寻找TouchableOpacity

这是一个带有 的“凸起按钮”示例react-native-elements凸起按钮示例

它很微妙,但明显会产生很好的影响。你会如何去模仿这种效果TouchableOpacity呢?

是的,我已经浏览了文档。如果我遗漏了什么,请指出......但我认为没有任何东西可以做到这一点。谢谢。

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 投票
1 回答
788 浏览

javascript - React-Native 按钮包装,一个按钮

我正在尝试用recordActivityTag. 现在它的工作方式不是从第一个按钮捕获数据的功能。我需要在整个应用程序中跟踪标签。这就是我构建recordActivityTag. 该功能适用​​于事件,但按钮除外。

onPress如果可能的话,我如何在另一个屏幕上对按钮的操作进行调用?我知道我需要将外部道具传递给 TouchableOpacity 然后调用另一个按钮。

0 投票
3 回答
4364 浏览

android - TouchableOpacity onPress 在 Android 上不起作用

我有 3 个简单的反应组件-

首先是实际视图(让我们将此屏幕命名为 A)-

然后是 ChildButton 组件---

然后是 Button 组件---

这里的主要问题是我的 onPress 没有从屏幕 A 调用,仅在 Android 上调用。它在 iOS 上运行良好。这里可能的原因是什么?

注意:我已经将控制台放在 ChildButton 和 Button 组件中,并且它们没有被打印出来。