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

android - React 本机导航不适用于 TouchableOpacity

我试过哪个工作正常react-nativeButton我想定制Button,所以这让我选择了TouchableOpacity. 我正在尝试设置如下所示的反应本机导航,但现在无法正常工作。

我用它来导航https://reactnavigation.org/

index.android.js

0 投票
2 回答
6518 浏览

react-native - 反应本机模式未打开

我正在尝试通过单击按钮来启动模式,但无论出于何种原因,模式似乎都没有启动

0 投票
3 回答
14563 浏览

android - 另一个 TouchableOpacity 内的堆叠 TouchableOpacity 不可点击

尽管本文档 ( https://facebook.github.io/react-native/docs/gesture-responder-system.html ) 指出,触摸事件会传递给子级并且仅由父级使用,如果孩子对事件没有反应,我面临的问题是,嵌套在另一个 TouchableOpacity 中的 TouchableOpacity 对触摸没有正确反应。

我的结构如下

TouchableOpacitys 中的 Button 也是如此:单击 Button 会调用父 TouchableOpacity 的 onPress 方法

我在监督什么吗?

0 投票
1 回答
4141 浏览

javascript - touchableopacity onpress 函数未定义(不是函数) React Native

我希望能够在点击 TouchableOpacity 按钮后导航到新屏幕,但我收到一条错误消息

_this3.handleThisTap 不是一个函数。(在 '_this3.handleThisTap()' 中,'_this3.handleThisTap' 未定义)

我试过使用bind.(this)

任何帮助表示赞赏。

0 投票
1 回答
23333 浏览

javascript - Set opacity's volume onPress of TouchableOpacity manually in React-Native

I am trying to figure out how to change the volume of the opacity of TouchableOpacity component of React-Native, meaning that I do not like the default value of the opacity when the press is performed, and I would like the opacity to be less transparent.

According to the documentation for this purpose the Animated API should be used:

Opacity is controlled by wrapping the children in an Animated.View, which is added to the view hierarchy. Be aware that this can affect layout.

So, I did it, that's how it looks:

The hideKeyboard method, that is being invoked onPress, calls the changeOpacity method from within it, that's how it looks:

this.state.opacity is declared in the constructor:

Having all of this, the behavior (the volume of the opacity onPress of TouchableOpacity) does not change, it is still stays default. The documentation also vaguely introduces setOpacityTo method, but I can't figure out how to use it due to the thoroughness of the description provided in the documentation. How can I perform a manual configuration of the opacity?

0 投票
1 回答
329 浏览

react-native - 在不关闭键盘的情况下使用 TouchableOpacity 清除 Textinput?

我想建立一个超级简单的聊天。为此,需要使用 TextInput 和 TouchableOpacity 来发送消息并清除 Textinput。

问题:当我发送消息时,Textinput 被清除,但是当再次开始写入时,旧文本再次复制到 Textinput 中(+ 新字符)。但是,如果在发送和清除所有内容后关闭键盘,则一切正常。

有没有办法用 TouchableOpacity 完全清除 TextInput?

下面是代码和我自己的一些尝试,但都没有奏效。提前致谢,

马菲纽斯

  1. 项目清单
0 投票
1 回答
171 浏览

javascript - 在可触摸元素内侦听按下事件的元素

我有一个监听新闻事件的元素。如何将其包装在可触摸元素中并让我的自定义元素继续监听事件?

我有这样的结构

现在TouchableOpacity捕获新闻事件,但它不会在子元素上调用事件。

0 投票
1 回答
222 浏览

gridview - 在“react-native-grid-view”中遇到 TouchableOpacity 问题

我正在使用react-native-grid-view节点模块列出我的项目,因为我编写了如下代码:

对于上面的代码,我收到此错误:

undefined 不是对象(评估“this.showPlayer.bind”)

0 投票
4 回答
1615 浏览

react-native - React Native TouchableOpacity 不更新样式

我对组件有一个奇怪的问题TouchableOpacity。我有一个MainButton需要 2 个道具的组件,item并且disabled. 基于disabled我希望我的 MainButton 组件应用不同样式的道具。问题是当TouchableOpacity组件重新渲染时,它不会刷新样式。disabled在重新渲染时正确设置了道具。

奇怪的是,如果我将其更改为 aTouchableHeighlight它会按预期工作。

有谁知道为什么?这是 TouchableOpacity 中的错误吗?

0 投票
1 回答
1262 浏览

react-native - 反应本机 TouchableOpacity onPress 事件无法从其他类调用

我想做的是创建TouchableOpacity一次并在我的程序中到处使用它。我在处理新闻事件时反驳了一个问题。我在其他类中导入了TouchableOpacity,并想在那里处理 onPress 事件。但是我的代码不起作用。导入也没有问题。这是我的类导入TouchableOpacity组件

并且TouchableOpacity组件被创建为