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

react-native - TouchableOpacity 吞下触摸事件并且永不通过

我试图让两者都onPress发生TouchableOpacity,但第二个是唯一触发的:

我怎样才能让他们两个都着火?

提前致谢!

0 投票
1 回答
2168 浏览

javascript - 通过循环在视图中创建多个按钮

我想为我的 react-native 应用程序创建多个自定义按钮。我正在使用一个包含所有信息的数组,我想遍历数组中的所有按钮并在一个视图中创建所有按钮。我试过这样的事情:

这似乎行不通。我从 react-native 框架中得到错误,所以我猜你不能在视图中做 js?

我怎样才能做到这一点?

0 投票
0 回答
294 浏览

listview - 在 ListView 中滚动会使 TouchableOpacity 无响应

我们有一个带有一些条目的 ListView(在我们的测试用例中为 205 个条目),当您快速滚动列表时,JS 线程 fps 有时会从 60 下降到大约 20,然后 TouchableOpacity 元素将变得无响应(就像所有其他 React 元素一样)。UI 线程 fps 保持在 60 并在列表中滚动仍然可能,但 Touchable 需要一些时间才能再次响应。

看起来 react 正在为事件创建某种队列,并且滚动会向其中添加事件,而 Touchable 上的触摸事件必须等待所有其他“不重要”事件得到处理。

我们正在使用 React 版本 15.4.2 和 React-Native 版本 0.40.0。

我们可以在 LG Nexus 5X 和三星 Note 4 上几乎不断地重现该问题,但不幸的是,模拟器中没有(x86 似乎跑得快而手臂慢了)。

这是我们可以重现问题的测试组件。

任何想法或帮助将不胜感激。谢谢

0 投票
1 回答
639 浏览

react-native - 增加按钮的文本输入

当有人按下某个按钮时,我试图增加/减少文本输入,但出现以下错误

在此处输入图像描述

代码

0 投票
2 回答
2135 浏览

ios - 如何在支持 3d 触摸(强制触摸)的设备上使 TouchableOpacity 或 TouchableHighlight 可点击

我有这个代码:

当启用 3d touch 时,我无法onPress为 iPhone 6s 及更高版本工作。

我已经尝试了这里建议的大多数解决方案,但没有运气。

我将不胜感激任何帮助!

0 投票
0 回答
989 浏览

android - ReactNative Touchableopacity,触摸释放时不透明度重置延迟

我在下面的代码中使用 TouchableOpacity 时遇到问题。当我按下并释放“按钮 1”时,不透明度需要几秒钟才能恢复正常;此外,整个应用程序的渲染似乎停止了,因为如果我旋转我的设备,屏幕直到几秒钟后才会重新布局。但如果我按下并释放“按钮 2”,不透明度会立即恢复正常。

有人可以让我知道我该怎么做才能解决这个问题吗?

谢谢。

用于测试的设备:三星 GSII:Android 4.1.2,(某些平板电脑):Android 4.1.1

0 投票
3 回答
2933 浏览

react-native - TouchableHighlight 和 TouchableOpacity 在 render() 上突出显示

我遇到了一种行为,其中 TouchableHighlight 和 TouchableOpacity 在渲染时会做出视觉反应(未调用 onPress)。

有一件事是它看起来有点奇怪,当我进入页面并且我的按钮做出一个小的“闪烁”时。这很奇怪,但可以容忍。更令人沮丧的部分是,如果我改变父组件的状态并因此调用 re-render(),按钮将再次“闪烁”,每当我改变状态时,所有按钮都会闪烁。

按下按钮会改变页面状态,因此按下按钮会使两个按钮“闪烁”。

我使用 react-redux,但这不应该影响这种行为。

下面的代码仅用于说明。

0 投票
1 回答
2517 浏览

react-native - react-native 如何在同一行上呈现 TouchableOpacity 组件 - 水平

我有一个产品组件 - TouchableOpacity 如图所示。产品数量是动态的。事情是,我想在每行发布 2 个产品。但我不能。它垂直渲染它们,尽管我将水平设置为 true。我该如何解决呢?你有什么建议吗?

在此处输入图像描述

这是我的组件样式

在此处输入图像描述

这就是它们的呈现方式 在此处输入图像描述

0 投票
2 回答
36630 浏览

react-native - 反应原生 TouchableOpacity onPress 问题

我有一个简单的图标按钮,如下所示:

它是从以下组件调用的:

但是onPress onTouchableOpacity 永远不会起作用。我哪里错了?虽然它在组件加载期间显示控制台语句。

0 投票
1 回答
2454 浏览

css - TouchableOpacity 在 onPress 期间隐藏 View 的内容

我正在尝试创建一个看起来像这样的按钮组件。

在此处输入图像描述

TouchableOpacity 组件被包裹在一个 LinearGradient 组件中。当我触摸按钮时,内部视图的星星具有非常低的不透明度。我知道这是 TouchableOpacity 的功能之一,但有没有办法禁用它?

我玩过道具activeOpacityfocusOpacity但它仍然渲染不正确。

这是代码