组件上的TouchableNativeFeedback不执行onPress函数
可能是由以下几个原因导致的：
- 组件未正确设置onPress属性：确保在TouchableNativeFeedback组件上正确设置了onPress属性，并将其绑定到相应的处理函数上。例如，可以将onPress属性设置为一个函数，当组件被按下时，该函数将被调用。
- 组件未正确包裹子组件：确保TouchableNativeFeedback组件正确包裹了需要触发onPress函数的子组件。例如，可以将TouchableNativeFeedback组件包裹在一个View组件中，并将子组件作为TouchableNativeFeedback的子元素。
- 组件样式未正确设置：TouchableNativeFeedback组件需要设置样式属性来指定其外观和交互方式。确保为TouchableNativeFeedback组件设置了合适的样式属性，以确保它可以正确响应用户的触摸操作。
如果以上步骤都已经正确执行，但仍然无法执行onPress函数，可能是由于其他因素导致的问题。可以尝试以下解决方法：
- 检查是否有其他组件或代码干扰了TouchableNativeFeedback组件的触摸事件。可以尝试将TouchableNativeFeedback组件放置在一个简单的页面中，以确保没有其他代码干扰触摸事件的正常执行。
- 检查是否有其他错误或警告信息出现。可以查看开发工具的控制台输出，以查看是否有相关的错误或警告信息提醒。
- 尝试使用其他触摸组件替代TouchableNativeFeedback。如果问题仍然存在，可以尝试使用其他可用的触摸组件，例如TouchableOpacity或TouchableHighlight，来替代TouchableNativeFeedback，以验证是否是组件本身的问题。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云移动开发平台：https://cloud.tencent.com/product/mpp
- 腾讯云云原生应用引擎：https://cloud.tencent.com/product/tccli
- 腾讯云音视频处理：https://cloud.tencent.com/product/mps
- 腾讯云人工智能服务：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
- 腾讯云对象存储：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务：https://cloud.tencent.com/product/baas
- 腾讯云元宇宙服务：https://cloud.tencent.com/product/vr
相关·内容
我有这样的东西： onPress={this.> height: dim - 30, }}</View>
相反，如果我直接替换为其中包含的组件</
浏览 1提问于2018-08-28得票数 0
回答已采纳
我有一个React Native自定义按钮组件，它接收onPress属性并将该onPress传递给TouchableNativeFeedback。我用@/react-native进行了单元测试。我尝试窥探onPress，检查当TouchableNativeFeedback被触摸时是否触发了它。不知怎么的，当我模拟按钮上的按下事件时，间谍函数并没有被调用。我的实现中有没有什么错误？FI:这种
浏览 1提问于2019-10-23得票数 4
我目前正面临着的挑战，但是这个解决方案并不适合我。 <View style={{ backgroundColor: '#5d5d5d</Text>&
浏览 0提问于2019-09-14得票数 0
我试图实现一个基本的抽屉，但我对文档感到困惑。import React, { Component, PropTypes } from 'react'
浏览 0提问于2016-10-14得票数 12
回答已采纳
我已经创建了一个组合组件来将TouchableNativeFeedback组合成wrapperComponent。props); return ( <TouchableNativeFeedback<WrappedComponent {...this.props} />
</<em
浏览 8提问于2018-05-27得票数 1
回答已采纳
3回答
我有一个简单按钮的组件，当我按下按钮时，应该在显示中添加一个新的元数据。addMeta的参数表将在将来由用户插入，但我目前只是在测试重命名是如何工作的。问题是，如果我没有通过函数传递任何参数，并且在addMeta中定义了一个变量，它就能很好地工作(这样做可以测试方法是否被绑定)，但是如果我按上面显示的那样，它在onPress属性中运行该函数，甚至不需要我单击它，导致我的应用程序崩溃。onPress=
浏览 3提问于2017-02-10得票数 0
回答已采纳
我有一个水平展开式列表，当列表中的任何元素被按下时，我想在其中执行一个函数。但是，OnPress并未执行，因此会产生连锁反应。
/&
浏览 10提问于2019-08-08得票数 0
我正面临着一个奇怪的问题。在我的react本机应用程序中，如果我将onPress事件设置为View，它不会被触发，但是如果我在View中设置相同的Text，它就会触发。我在这里错过了什么？<View style={{backgroundColor: "red", padding: 20}}> console.log('works'); }>X</Te
浏览 14提问于2017-04-27得票数 152
回答已采纳
我从'react-native‘导入了{TouchableNativeFeedback} 在render()函数中，我尝试使用TouchableNativeFeedback；然而，函数onpress仅在应用程序重新加载时触发按TouchableNativeFeedback时，不会触发onpress功能。有什么问题吗？我怎样才能让一个带onpress功能的TouchableNativeFeedback工作？s
浏览 4提问于2020-01-31得票数 0
我是function本机的新手，我在视图组件上实现了onPress函数(我在touchableOpacity和NativeFeedBack上尝试过)，但是它们中的任何一个都不起作用。我不明白为什么。但事情并不像预期的那样。/assets/home.png') } </View>
浏览 0提问于2019-08-11得票数 5
回答已采纳
在使用此组件时，我会收到警告。尝试将此组件用作按钮。我试着要求(‘TouchableNativeFeedback’)，但没有用。我也尝试过npm安装TouchableNativeFeedback，但失败了。它应该如何结合到我的反应本机android代码？{ var Button= require('
浏览 5提问于2015-12-23得票数 4
回答已采纳
我使用反应-本机-元素添加一个阿凡达，并希望执行一个动作时，阿凡达是按下。rounded containerStyle={{ backgroundColor: '#3d4db7' }} console.log("add Event pressed")
navigation && navigation.navigate("addEvent
浏览 16提问于2022-03-07得票数 0
我正在尝试键入一个按钮组件，其中所有的都必须得到一个标题，但有些没有得到一个图标。这个图标来自"@expo/vector-icons".当我把组件也显示一个图标时，我应该做什么？喜欢：<Button icon={<FontAwesome name="icon-name" size={24} colo="color"} title="Title here" /> <&
浏览 2提问于2021-08-30得票数 1
我正在制作一个具有自定义视图的反应本地应用程序，就像网格视图一样。视图中的所有单元格都有相同的大小，只有一个除外。我想给出条件让牢房的尺寸比别人大一倍。import React, { Component } from 'react'; View, To
浏览 1提问于2019-02-09得票数 1
回答已采纳
代码非常简单： <ArticleContainer></TouchableOpacity>const ArticleContainer = styled.View`padding: 13px; e
浏览 34提问于2021-02-15得票数 2
我正在学习react native，我只是想根据不同的操作系统平台在TouchableOpacity之间切换TouchableNativeFeedback。下面是我的switch函数： if (Platform.OS === "androi
浏览 14提问于2021-02-21得票数 1
回答已采纳
为了解决这个问题，我在compnentDidUpdate上使用useEffect hook或者类似这样的东西。const handleLogout = () => {};}, [handleLogout]); 但是当我在onPress上调用handleLogout时，出现错误变量handleLogout没有定义，因为你不能在它的作用域之外使用变量。<TouchableNativeFeed
浏览 9提问于2020-07-05得票数 0
我做了一个自定义组件，我想在其中传递不同的边距和字体大小，所以我将它们作为probs传递。当我将样式放在不同的文件中时，问题就出现了。CustomButton.js：import { Text, TouchableNativeFeedback, View, StyleSheet/Styles';
const CustomButton = ({ onPress, children, marginSize, cu
浏览 1提问于2019-03-22得票数 2
1回答
react本机被reactjs覆盖，以启用使用jestjs的浅呈现和测试。 <View style={styles.rowContainer}> </View>
浏览 1提问于2016-02-01得票数 8
回答已采纳
1回答
从不同的组件响应本机状态更改
、、、、
我使用的是react本机，我遇到了一种情况，即我使用react导航v2堆栈导航器导航到一个新的组件。然后，用户按下一个选项，然后返回到他们所在的原始屏幕，并提供更新的信息。我的问题是如何更改前一个屏幕的状态，以便显示用户选择的信息？此页面显示用户选择的水果列表。background={TouchableNativeFeedback.Ripple('grey')}
浏览 1提问于2018-06-23得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
