问题标签 [touchablehighlight]

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 回答
699 浏览

listview - React-native:tvOS 如何在列表视图中设置对特定项目的关注?

我用 react native 编写了一个 tvOS 应用程序,但列表视图很少,我想将焦点集中在列表视图中的特定项目上?

有可能的 ?

0 投票
1 回答
377 浏览

unicode - How to use put an image of code xf138 in react native?

I have a TouchableHighlight, inside of it, I want to put an image exactly the same as xf138 in FontAwesome which looks like an arrow: http://fontawesome.io/icon/chevron-circle-right/

I don't know how to display it, I tried to use Text inside of the TouchableHighlight, but I get "Unexpected token" error in below code:

&#xf138

And I wonder which fontFamily I should use inside myStyle, it seems there is no FontAwesome in the fontFamily of react native.

0 投票
2 回答
825 浏览

javascript - onPress 错误“不是函数”和“未定义”

迈出我学习 Rect Native 的第一步,并被这些错误困扰了一段时间。当我单击项目时:

在此处输入图像描述

我收到这些错误:

在此处输入图像描述

这是我的 React Native 代码:

非常感谢任何输入!

0 投票
1 回答
2341 浏览

javascript - React Native 相当于 mousedown

如果我正在制作一个网站,我可以mousedown在按下鼠标按钮(但尚未释放)时使用事件来触发某些东西。

在 React Native 中,我有一个TouchableHighlight并且可以注册一个onPress回调,但这只会在我从按钮上松开手指时触发。

有没有办法在手指触摸按钮时触发,而不是仅在手指松开时触发?

0 投票
1 回答
247 浏览

react-native - 当应用程序以响应式启动时,TouchableXXX 将自动触发

我正在尝试在这个扭曲之后包装可触摸的物品

我发现的问题是导航将通过启动应用程序自动触发,它将导航到详细信息页面而无需按下它。并且当导航返回时,可触摸的项目不能再被按下,按下时会抛出错误。

我制作了一个最低限度的应用程序来指出这一点:

由于我的英语不好很难描述这个问题,所以我还制作了一个youtube 视频(大约 20M)来控诉这个问题

0 投票
1 回答
171 浏览

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

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

我有这样的结构

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

0 投票
4 回答
1615 浏览

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

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

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

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

0 投票
1 回答
1971 浏览

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

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

0 投票
1 回答
4074 浏览

javascript - 如何将道具从 FlatList 项目传递给 Modal?

我已经实现了一个包含 FlatList 的 View 组件,它呈现 TouchableHighlights。我还实现了一个 Modal 组件,我想在各个地方导入它,包括呈现 FlatList 的组件。

我已经设法从外部打开模态(通过移交可见性道具,通过 nextProps 访问它并将模态状态值“modalVisible”设置为此)并从内部关闭它(只需通过更改它的状态值“modalVisible”) .

但是:我还想将数据从每个 FlatLists 项传递给模式。呈现为 TouchableHighlight 的项目应该打开模态 onPress 并且模态应该包含来自项目的数据(在下面的代码中,这将是项目 id)。如何实现将数据传递给模态?我不知何故无法使用 nextProps 让它工作。这似乎更多是与从 FlatLists 项目而不是 Modal 中设置状态有关的问题。

模态:

FlatList 渲染 TouchableHighlights:

0 投票
1 回答
870 浏览

react-native - 在按钮单击时反应原生 chagne 图像源

嗨,我正在尝试单击按钮更改图像,但似乎无法更改图像。这是我的代码。

有人可以帮忙吗?不知道我做错了什么。已通过警报检查状态是否在单击时发生变化。提前致谢