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

events - 如何将“onPress”事件与生成它的 Button、TouchableOpacity 等相关联?

在我使用 NativeBase 的 React Native 项目中,我想生成一系列Buttonsor TouchableOpacities

这意味着我不希望每个人都有一个单独的onPress处理程序,而是一个共享一个。

但是当我查看传递给onPress回调的内容时,似乎没有任何类型的 ID 或对导致新闻的组件的引用,我也找不到这样的记录。

我错过了一些明显的东西吗?每个人都使用另一种方法来实现相同的目标吗?还是这实际上缺少功能?

0 投票
0 回答
686 浏览

android - React Native: Touchable Opacity - 设置自定义过渡持续时间以及在过渡期间更改背景颜色

我们正在使用 react-native 来构建一个 android 应用程序。我们有一个屏幕,其中有 10 个数字键盘的可触摸不透明按钮。按下键盘上的任何一个按钮,我们需要完成以下 3 点。

  1. 将按钮不透明度设置为 60%。
  2. 在过渡期间将背景颜色更改为#FFFFFF。
  3. 过渡持续时间应为 0.8 秒。

我们可以使用可触摸不透明度中的“activeOpacity”属性从上面实现第 1 点。对于第 2 点和第 3 点,我们无法在过渡期间更改过渡持续时间或更改背景颜色。我错过了什么吗?任何建议表示赞赏。

0 投票
1 回答
1971 浏览

react-native - 如何在 React Native 中执行其他触摸事件时禁用触摸操作?

当我单击列表项索引之一中的按钮时,我正在使用索引值和按钮显示列表项,其他列表项应显示为禁用。有可能吗?

0 投票
1 回答
2756 浏览

javascript - TouchableOpacity如何触发onPress事件?

在 html 中使用 jQuery:

它可以触发点击事件。

我想做与 in 事件类似的onPress事情。TouchableOpacityreact-native

我不知道该怎么做。我用谷歌搜索但一无所获。我只想在代码中触发 onPress 事件,而不是通过用户的点击。

提前致谢。

0 投票
1 回答
1245 浏览

ios - TouchableOpacity onPress 在 ScrollView 中不起作用

仅限 iOS<TouchableOpacity>如果它位于 a 内部,则不会响应<ScrollView>

  1. 它可以在模拟器中正常工作,但不能在真实设备中工作,
  2. keyboardShouldPersistTaps="always"没有任何区别
  3. 部分代码:<ScrollView style={styles.scrollView}> <TouchableOpacity style={styles.xButton} onPress={() => this._onClose()}>

有什么建议么?

---代码更新-----

并且样式看起来像这样:

0 投票
1 回答
2407 浏览

react-native - React Native 防止触摸冒泡到父元素

如果我想阻止组件上的 onPress 事件View传播到Touchable以下Sample组件的父级,那么除了将子视图包装在其中之外,最好的选择是Touchable什么?

0 投票
0 回答
258 浏览

react-native - React Native 嵌套组件 Touch 和 Pan 交互

我在使用“按下”和“平移手势”设置 2 个嵌套组件时遇到问题。Touchable Component应该响应onPress事件(工作正常),并且NativeComponent负责处理,唯一的pan gestures问题是当我在 NativeComponent 处理的平移手势后抬起手指时,Touchable触发的 onPress 事件,我想避免这种情况。

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

0 投票
1 回答
871 浏览

javascript - 如何在 Touchable 组件中包含 ScrollView?

我有一个包含图像轮播的主要View组件和另一个包含一些组件的组件。我想触摸主并打开另一个应用程序视图,但我也需要滚动图像。ScrollViewViewTextView

我试图将 mainView放在 a 中TouchableOpacity(我也尝试TouchableHighlightTouchableWithoutFeedback),但它不能正常工作。

以下代码是我试图解决它的方法:

任何想法?

提前致谢

0 投票
3 回答
1852 浏览

javascript - React Native - 可触摸和胜利图表

如何防止新闻事件被胜利图表拦截,而是“点击”到可触摸的父级?本质上,我希望能够单击图表上的任意位置并转到详细视图。最终在 touchableOpacity 元素中会有其他元素,所以我不想直接在图表上捕获新闻。

我为糟糕的措辞道歉,我对 React 和 React Native 很陌生。

0 投票
3 回答
4439 浏览

javascript - OnPress 在 Touchable Opacity 中不起作用

我正在 react-native 上构建一个移动应用程序!最近我为每个页面构建了自己的标题组件。这是我的 Header 组件的代码。我在该组件中有两个图标。但不幸的是,这些按钮根本不起作用!

onPress 根本没有响应!