我正面临一个奇怪的问题.在我的react-native 应用程序中,如果我将onPress事件设置为View,则不会触发,但如果我在View中将其设置为Text,则会触发.我错过了什么?

<View style={{backgroundColor: "red", padding: 20}}>
  <Text onPress={()=> {
    console.log('works');
    }
  }>X</Text>
</View>


<View style={{backgroundColor: "red", padding: 20}} onPress={()=> {
    console.log('does not work');
    }
  }>
  <Text>X</Text>
</View>

为什么会这样?这是React Native的问题吗?我用的是0.43版

推荐答案

你可以用TouchableOpacity表示onPress个事件.

<TouchableOpacity style={{backgroundColor: "red", padding: 20}} onPress={()=> {
    console.log('does not work');
    }
  }>
  <Text>X</Text>
</TouchableOpacity>

React-native相关问答推荐

无法在 M1 zsh 上运行 adb segmentation fault adb

react native :navigationOptions 中的标题样式不起作用

Eslint 错误,configuration for rule "import/no-cycle" is invalid

在选项卡更改时react-navigation

在react-native 应用程序中使用中继

我可以在状态内有一个函数来响应吗?

我如何知道我的代码是否作为 React Native 运行

React Redux 使用带有连接组件的 HOC

react-native 链接仅适用于一个项目(Android 或 iOS)

由于依赖关系,在 run-android 上构建失败

react Navigation 在标题中使用图像?

如何将参数传递给graphql片段?

@react-navigation/stack 与 @react-navigation/native-stack 有什么区别?

由于端口 8081 sunproxyadmin,无法打包 react native

无法解析模块 react/lib/ReactUpdates

React Native:ScrollView 中的 TouchableOpacity onPress 问题

在 React-native 上加载图像时出错:Unexpected character

降级 react-native 的适当机制

如何允许 react-native 启用对 JSX(扩展)文件的支持

如何从 react-native-fbsdk 获取用户信息(邮箱、姓名等)?