问题标签 [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.
reactjs - 与 TouchableWithoutFeedback 一起使用时,React Children 仅期望收到一个 React Child
在我的应用程序中,我有一个文本输入,每当用户单击屏幕上的任意位置或关闭键盘时,我想隐藏键盘并失去焦点。
我为此创建了这个函数:
我像这样使用上述方法:
但是,当我尝试运行它时,出现错误:
React.children.only expected to receive a single React element child.
我不明白为什么我会收到这个错误,什么时候DismissKeyBooard
确实只有一个孩子 - TextInput
。
编辑: 我尝试了这样的建议解决方案,但我不断收到同样的错误。
react-native - 在具有绝对位置的视图上反应 Native TouchableWithoutFeedback
我有一个模式,我想在用户单击i按钮时显示。模态通过将位置设置为“绝对”来包围整个屏幕。这很好用,但是当用户单击屏幕上的某个位置时,它应该会再次消失。但是,我的 TouchAbleWithoutFeedback 没有注册新闻。它似乎与绝对位置有关,但我不能把手指放在它上面。此外,模态下方的可点击元素仍然是可交互的,即使模态显示在这些元素之上。这是我的代码:
reactjs - React native useRef Hook 不会存储数组
这是一个不起作用的简单代码我真的不知道为什么
控制台日志的结果是 1 无论我放入数组还是初始化 useRef 的方式。它适用于非数组变量,我没有尝试使用对象。
谢谢你的帮助。
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
有人可以建议我可以尝试的其他步骤吗?
react-native - 来自 react-native-gesture-handler 的 TouchableWithoutFeedback 打破了 jest/enzyme 测试用例
我正在使用来自'react-native'的TouchableWithoutFeedback,但我在绝对容器中的android上遇到了问题,因为点击不起作用,所以我从react-native-gesture-handler切换到类似的组件。从
至
现在一切正常,但测试用例现在被打破了。执行测试用例时出现错误
我已经添加了对 react-native-gesture-handler 的模拟,但测试用例仍然失败
我已经寻找了所有可能的方法,但没有任何效果。这里的任何帮助将不胜感激。
谢谢你。
react-native - 在用于拖放单个列表项的 React Native 中,TouchableWithoutHighlight 无法在带有 {...panResponder.panHandlers} 的动画视图中工作
我有一个项目列表,我可以长按选择任何列表项目并将其拖到图标上进行删除。我为此使用 PanResponder。现在在这部分中,长按触发功能的第一个关键步骤在某些设备中没有发生,而在某些设备中它正在工作。我认为问题是通过 {...panResponder.panHandlers} 时,touchbales 在动画视图中似乎无法正常工作
这个特定的代码映射到一个数据数组,val 是我使用过的状态,并且正在索引器函数中设置,其中 val 包含项目索引号,这有助于选择单个列表项以进行进一步的拖放。
现在我面临的问题是这个没有反馈的Touchable在一些Android设备中触发了索引器功能,而在一些设备中它根本不这样做。
当 {...panResponder.panHandler} 从 animated.view 中删除时,没有反馈的 Touchable 开始工作。下面是我的平底锅处理程序:
})
react-native - 无法在具有高度的容器顶部放置图标
我正在尝试创建一个容器,里面有一些信息,角落里有一个关闭按钮。容器本身具有一定的高度并包含一个TouchableWithoutFeedback
元素,关闭按钮也是如此。我试图让它像这样,但它看起来像这样(你可以在容器的左上角看到按钮。带有信息和图标的容器的View
样式以及两者的样式是:
react-native - 无法单击 TouchableWithoutFeedback 内的下拉选择器
我正在尝试react-native-dropdown-picker
在提升的TouchableWithoutFeedback
容器内使用下拉选择器。但是,每当我单击选择器内的项目时,都会触发TouchableWithoutFeedback
下面的组件。我重新创建了一个简单的小吃博览会供参考。我对容器和下拉菜单的样式如下:
下拉菜单样式为:
我不确定错误来自哪里,是因为海拔高度吗?
react-native - 绝对正面的父视图之外的 TouchableOpacity 不起作用
我正在制作,Picker component
但我发现Touchable Opacity
在它的父视图之外的绝对位置不起作用。
所以,有外部TouchableOpacity
组件和内部我们正在映射许多TouchableOpacity
子组件在绝对视图中。
TouchableOpacity
在里面parent's view works
,但是not Works outside Parent View with absolute position
。他们有人帮我解决吗???
它甚至不适用于 TouchableNativeFeedback