react-native - onPressIn事件在组件TextInput上不起作用

问题描述：在组件TextInput上，react-native的onPressIn事件不起作用。

解答：在react-native中，TextInput组件是一个可输入文本的组件，它并不支持onPressIn事件。onPressIn事件通常用于处理触摸屏幕上的按下操作，而不是用于文本输入组件。

如果你想要在TextInput组件上实现类似的效果，可以考虑使用其他的事件，比如onFocus和onBlur事件。onFocus事件在TextInput组件获得焦点时触发，而onBlur事件在TextInput组件失去焦点时触发。你可以在这两个事件的回调函数中实现你想要的逻辑。

另外，如果你需要在TextInput组件上实现更复杂的交互效果，可以考虑使用Touchable系列组件，比如TouchableOpacity、TouchableHighlight等。这些组件支持更多的触摸事件，包括onPressIn事件。

推荐的腾讯云相关产品：腾讯云提供了丰富的移动开发解决方案，包括移动应用开发平台、移动推送、移动分析等产品。你可以通过腾讯云移动开发平台搭建自己的移动应用后端，实现用户认证、数据存储、消息推送等功能。具体产品介绍和文档可以参考以下链接：

腾讯云移动开发平台：https://cloud.tencent.com/product/mpaas
腾讯云移动推送：https://cloud.tencent.com/product/tpns
腾讯云移动分析：https://cloud.tencent.com/product/uma

请注意，以上推荐的产品仅供参考，具体选择还需根据实际需求进行评估和决策。

react-native - onPressIn事件在组件TextInput上不起作用

react-native

下面的代码是来自react原生文档的示例，问题是onPressIn没有按预期工作，我是否理解了onPressIn事件的含义，或者组件TextInput上的onPressIn和OnPressOut事件侦听器存在持续问题

浏览 48提问于2021-07-17得票数 1

3回答

响应本机: TouchableOpacity onPress在ScrollView中的问题

android、scrollview、react-native

我正在运行react本机0.24.1，当<TouchableOpacity>组件放置在<ScrollView>中时，我遇到了它的问题。如果与<TouchableOpacity>组件一起有一个<TextInput>，并且当前的焦点在<TextInput>框上，那么您可以单击<TouchableOpacity>，您将看到它的onPress一旦焦点不再放在<TextInput>上，现在您可以按下<Touc

浏览 1提问于2016-04-24得票数 18

回答已采纳

1回答

react- ios上的原生垂直中心TextInput

react-native、textinput

在react-native中，当你创建一个TextInput多行时，输入中的文本在IOS中是顶部对齐的，在Android中是居中对齐的。根据的说法，我们可以在安卓系统上使用'textAlignVertical‘来对齐顶部的文本，但它在IOS上不起作用我的问题是:如何在IOS多行TextInput中垂直居中对齐

浏览 7提问于2021-02-08得票数 1

1回答

React原生expo浏览器加载永远不会登录应用程序

react-native、expo、hybrid-mobile-app

之前，我下载了一个样例项目，并提供了TextInput组件的以下代码 import React, { memo } from 'react';import { TextInput as Input } from 'react-native-paper'; import { theme } fromimport React, {FC, memo} from

浏览 29提问于2021-04-28得票数 1

回答已采纳

2回答

如何使本机TextInput改变不透明，就像TouchableOpacity？

react-native、react-native-reanimated、react-native-stylesheet

我的代码当前如下所示： <TextInput placeholder='PlaceholderText'></View> 我想要制作一个TextInput组件，该组件在单击上有一个不透明动画(完全像TouchableOpacity在单击时更改不透明度)。我尝试将TextInput封装到TouchableOpa

浏览 8提问于2022-11-22得票数 0

回答已采纳

5回答

如何在react本机中设置Textinput上的Onpress

react-native、textinput、onpress

当我在文本输入上按下并选择了它应该在文本输入上显示的日期时，我想调用一个日期选择器。

浏览 1提问于2019-02-15得票数 22

回答已采纳

3回答

onFocus和onBlur不工作，react-native

javascript、react-native、native、android-tv

我正在尝试使用react-native构建一个androidTV应用程序，并且我遵循了文档，但无论我做什么，似乎onFocus和onBlur对我都不起作用，代码如下： const App = ()

浏览 167提问于2021-03-26得票数 1

回答已采纳

5回答

胜利本土化:当使用胜利条形图时，事件道具没有反应本地/事件没有在本机触发。

reactjs、react-native、victory-charts

但是当使用在文档中给定的事件道具(使用中给出的相同示例代码)时，事件不会触发。您还可以看到我在snack.expo.io上使用这个链接.的实现"react-native-svg": "^9.4.0","expo": "^33.0.0","react-dom&

浏览 0提问于2019-07-26得票数 2

回答已采纳

2回答

如何在react原生纸张TextInput上禁用自动完成功能？with autoComplete="off“render autocomplete="noop”on web

javascript、reactjs、react-native、web、autocomplete

我正在尝试使用 3.10.1中的禁用web上的autocomplete name="city" autoComplete="off"/>

浏览 5提问于2020-05-23得票数 0

1回答

在TextInput中使用反应式原纸和打字本的错误

react-native、react-native-paper

我在反应纸上使用了TextInput。但当我跟踪他们的文件时，却显示出错误。版本："react-native

浏览 7提问于2022-03-10得票数 1

2回答

对Android电视的本机反应-焦点进入/退出事件问题

react-native、d-pad

我原以为TouchableOpacity和TouchableHighlight元素中的事件onPressIn / onPressOut会继续/关闭，但它不起作用。另外，我在Android模拟器上也有同样的问题。我没有看到任何错误。AI-173.4907809 imp

浏览 2提问于2018-09-28得票数 0

1回答

如何在react-native应用程序中更改android键盘的主题？

android、react-native、keyboard、themes、textinput

我在react-native上有一个应用程序，有两个主题:光和暗。当浅色的键盘出现在深色的主题中时，它看起来就不那么漂亮了。我需要根据我的应用程序主题来更改键盘的主题。在IOS上，可以使用TextInput https://reactnative.dev/docs/textinput.html#keyboardappearance中的keyboardAppearance但它在Android上不起作用。有人知道做这件事的好方法吗？

浏览 11提问于2020-04-27得票数 0

2回答

有什么问题，我的反应本土再生色彩插值动画吗？

javascript、reactjs、react-native、react-native-reanimated、react-native-reanimated-v2

, colors.primary50]); }); <Pressable onPressIn

浏览 6提问于2022-06-02得票数 0

2回答

在React Native中将状态从子组件传递到要呈现的App组件

javascript、reactjs、react-native、react-props、use-state

我正在尝试将存储在子组件的useState钩子中的状态传递给父组件，即app.js我已经创建了onPress事件，以将状态传递给我从应用程序js传递的属性，当我按下函数根本不起作用时，这是代码import { Text, View, StyleSheet } from 'react-native'; import Constantsfrom 'expo-co

浏览 0提问于2021-02-10得票数 2

2回答

反应导航防止双推()

react-native、react-navigation

问题是，当控制面(即TouchableOpacity)被快速多次点击时(第一次，其余的在屏幕转换期间)，我最终会将多个屏幕推到堆栈中。是否有办法将表面限制在push()的第一个点击/调用上？

浏览 5提问于2020-03-06得票数 2

回答已采纳

3回答

Android TV中焦点可触摸元素上的事件处理

reactjs、react-native、react-native-android

我正在使用React-Native构建一个AndroidTV应用程序。class MyComponent extends> </TouchableOpacity> <&#

浏览 0提问于2018-07-20得票数 3

2回答

React (本机)-在第三方代码/组件中注入自定义组件，而不是标准组件

javascript、reactjs、react-native

例如，我有一个库/包，它导出一些组件： ...<TextInput ... /> );有没有什么办法我可以使用SomeComponent而不是TextInput，而是以某种方式注入我的自定义MyCustomTextInput？</View>} 我需要的是一种简单的方式来告诉整个应用程序(所有的包，我们的所有模块/代码

浏览 29提问于2019-10-26得票数 0

1回答

在react本机中使用NativeBase textArea

react-native、native-base

嗨，所以我想有一个textArea，以便让用户在我的应用程序中发送评论消息。那么，如何使用this组件检索用户编写的消息呢？

浏览 25提问于2019-12-30得票数 0

4回答

如何允许同时触摸多个按钮以响应本机？

javascript、ios、reactjs、react-native、multi-touch

)=>this.console("Button 2 Clicked")}> </View> <TouchableOpacity onPressIn在同一屏幕上，我有一个翻转相机按钮(按钮2)。我想我应该能够点击翻转相机按钮，而我正在录制的视频。

浏览 1提问于2017-03-14得票数 10

回答已采纳

2回答

无法在react本机TextInput组件中键入任何内容

react-native、react-native-android

我是第一次接触react-native。我正在做一个简单的工资计算器组件的练习。我有两个TextInput组件，但似乎不能在其中键入任何内容。下面是我的组件的代码： constructor(props) super(props); <Text>Entre el rate por hora:</Text>

浏览 8提问于2016-09-02得票数 4

回答已采纳

点击加载更多