问题标签 [touchablewithoutfeedback]

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

reactjs - 与 TouchableWithoutFeedback 一起使用时,React Children 仅期望收到一个 React Child

在我的应用程序中,我有一个文本输入,每当用户单击屏幕上的任意位置或关闭键盘时,我想隐藏键盘并失去焦点。

我为此创建了这个函数:

我像这样使用上述方法:

但是,当我尝试运行它时,出现错误: React.children.only expected to receive a single React element child.

我不明白为什么我会收到这个错误,什么时候DismissKeyBooard确实只有一个孩子 - TextInput

编辑: 我尝试了这样的建议解决方案,但我不断收到同样的错误。

0 投票
1 回答
130 浏览

react-native - 在具有绝对位置的视图上反应 Native TouchableWithoutFeedback

我有一个模式,我想在用户单击i按钮时显示。模态通过将位置设置为“绝对”来包围整个屏幕。这很好用,但是当用户单击屏幕上的某个位置时,它应该会再次消失。但是,我的 TouchAbleWithoutFeedback 没有注册新闻。它似乎与绝对位置有关,但我不能把手指放在它上面。此外,模态下方的可点击元素仍然是可交互的,即使模态显示在这些元素之上。这是我的代码:

0 投票
0 回答
81 浏览

reactjs - React native useRef Hook 不会存储数组

这是一个不起作用的简单代码我真的不知道为什么

控制台日志的结果是 1 无论我放入数组还是初始化 useRef 的方式。它适用于非数组变量,我没有尝试使用对象。

谢谢你的帮助。

0 投票
1 回答
240 浏览

react-native - 当我点击 TouchableWithoutFeedback 时如何专注于文本输入?

我有一个文本输入。在这个文本输入中,我有一个字母“O”作为图标。当我按下“O”字母时,我希望 textinput 可以点击,我该怎么做?

现在它不起作用,因为我无法将此属性添加到该字母中。我添加了我的文本输入在应用程序中的外观。先感谢您。

这是 App.js

这是我的文本输入: 在此处输入图像描述

0 投票
0 回答
149 浏览

react-native - 赛普拉斯 - 单击按钮时不会弹出叠加层

描述:我目前正在尝试编写一个涉及单击导航栏中的按钮的自动化测试。预期的行为是会弹出一个包含更多链接的叠加层,如此处的视频所示:https ://www.screencast.com/t/55vkmhY8msjt

在 Chrome 浏览器中手动测试时(记录在上述视频中),覆盖按预期弹出。

但是在赛普拉斯浏览器中执行自动赛普拉斯测试时,赛普拉斯能够定位元素并成功单击它,但没有弹出覆盖。当我手动单击赛普拉斯浏览器中的按钮时,不会弹出叠加层。

重现错误的视频: https ://www.screencast.com/t/iSn8suNHa 很难说,但是在测试执行完成后,我正在手动尝试用鼠标单击按钮。

我尝试了几件事:

额外信息:这个按钮最近使用 React Native 的 TouchableWithoutFeedback 重新实现了 Cypress 中没有抛出错误,控制台中也没有错误。

版本 Cypress 7.5.0 Chrome 版本 90.0.4430.93

有人可以建议我可以尝试的其他步骤吗?

0 投票
0 回答
209 浏览

react-native - 来自 react-native-gesture-handler 的 TouchableWithoutFeedback 打破了 jest/enzyme 测试用例

我正在使用来自'react-native'的TouchableWithoutFeedback,但我在绝对容器中的android上遇到了问题,因为点击不起作用,所以我从react-native-gesture-handler切换到类似的组件。从

现在一切正常,但测试用例现在被打破了。执行测试用例时出现错误

我已经添加了对 react-native-gesture-handler 的模拟,但测试用例仍然失败

我已经寻找了所有可能的方法,但没有任何效果。这里的任何帮助将不胜感激。

谢谢你。

0 投票
0 回答
69 浏览

react-native - 在用于拖放单个列表项的 React Native 中,TouchableWithoutHighlight 无法在带有 {...panResponder.panHandlers} 的动画视图中工作

我有一个项目列表,我可以长按选择任何列表项目并将其拖到图标上进行删除。我为此使用 PanResponder。现在在这部分中,长按触发功能的第一个关键步骤在某些设备中没有发生,而在某些设备中它正在工作。我认为问题是通过 {...panResponder.panHandlers} 时,touchbales 在动画视图中似乎无法正常工作

这个特定的代码映射到一个数据数组,val 是我使用过的状态,并且正在索引器函数中设置,其中 val 包含项目索引号,这有助于选择单个列表项以进行进一步的拖放。

现在我面临的问题是这个没有反馈的Touchable在一些Android设备中触发了索引器功能,而在一些设备中它根本不这样做。

当 {...panResponder.panHandler} 从 animated.view 中删除时,没有反馈的 Touchable 开始工作。下面是我的平底锅处理程序:

})

0 投票
0 回答
15 浏览

react-native - 无法在具有高度的容器顶部放置图标

我正在尝试创建一个容器,里面有一些信息,角落里有一个关闭按钮。容器本身具有一定的高度并包含一个TouchableWithoutFeedback元素,关闭按钮也是如此。我试图让它像这样,但它看起来像这样(你可以在容器的左上角看到按钮。带有信息和图标的容器的View样式以及两者的样式是:

0 投票
0 回答
126 浏览

react-native - 无法单击 TouchableWithoutFeedback 内的下拉选择器

我正在尝试react-native-dropdown-picker在提升的TouchableWithoutFeedback容器内使用下拉选择器。但是,每当我单击选择器内的项目时,都会触发TouchableWithoutFeedback下面的组件。我重新创建了一个简单的小吃博览会供参考。我对容器和下拉菜单的样式如下:

下拉菜单样式为:

我不确定错误来自哪里,是因为海拔高度吗?

0 投票
1 回答
97 浏览

react-native - 绝对正面的父视图之外的 TouchableOpacity 不起作用

我正在制作,Picker component但我发现Touchable Opacity在它的父视图之外的绝对位置不起作用。

所以,有外部TouchableOpacity组件和内部我们正在映射许多TouchableOpacity子组件在绝对视图中。

TouchableOpacity在里面parent's view works,但是not Works outside Parent View with absolute position。他们有人帮我解决吗???

它甚至不适用于 TouchableNativeFeedback