react本机非焦点TextInput

文章/答案/技术大牛

发布

1回答

javascript、reactjs、typescript、react-native、expo

我想在react-native中创建一个搜索栏，如下所示： ? 如果我单击图标，我将焦点放在textInput上，但如果我单击屏幕的其他部分，则取消对textInput的焦点。焦点部分与ref一起工作，但我不知道当我在屏幕的其他部分单击时是否可以取消对文本输入的焦点。<TextInput onChangeText={(text) => onChangeText(text)}

浏览 17提问于2020-07-24得票数 0

2回答

未找到名称为"focus“的命令

react-native

当我点击textinput时，会出现这个错误。我不知道为什么

浏览 6提问于2020-07-18得票数 5

1回答

React本机TextInput焦点

javascript、reactjs、react-native、textinput、react-native-textinput

我是比较新的react native( "react-native"："0.65.1")。当我尝试使用TextInput组件时，我得到“没有找到名称为"focus”的命令“。我不理解这个问题。下面是我的代码：<TextInput style={{height: 40}}

浏览 29提问于2021-09-13得票数 0

1回答

使用focus()函数关注下一个表单输入

typescript、react-native

我使用的是类型记录和react本机，我不知道是否正确地定义了输入ref类型。private readonly passwordInputRef: React.RefObject<Password> = createRef(); <Te

浏览 0提问于2018-10-21得票数 0

回答已采纳

1回答

如何删除输入组件上的蓝光轮廓

react-native

我有一个react本机项目( but本机用于macOS)，我正在使用输入组件，但请注意有一个蓝色的大纲。不知道怎么移除它。我使用的是本机基础输入组件，据我所知，它使用的是react本机输入组件。我主要是想把正方形的import {Icon, Input} from 'native-base'; import Ionicons from 'r

浏览 5提问于2022-07-15得票数 0

2回答

基于多种条件的react中按钮禁用--使用expo的本机项目

react-native、button、expo、state、disable

提交按钮最初应该被禁用，只有当输入了值，并且两个OTP都是verified.Can时，才应该启用该按钮，有人帮助使用react本机的州标志吗？

浏览 5提问于2020-08-19得票数 0

回答已采纳

1回答

如何通过react包装类公开内部组件的函数？

javascript、reactjs、react-native、shoutem

我使用的是@shoutem/ui库，它有自己的TextInput实现来响应本机。我正试图将焦点放在键盘上的下一个输入上，按下一个按钮，如下所示 import { TextInpu

浏览 0提问于2017-01-14得票数 0

回答已采纳

2回答

React本机TextInput没有焦点方法

reactjs、react-native、react-native-textinput

React本机文档没有显示TextInput上存在的.focus()方法。有onFocus，但这发生在TextInput聚焦之后，它不能帮助我们在点击返回键后将焦点设置到屏幕上的特定TextInput。: React.RefObject<'TextInput> // (逗号后面的逗号，因为它一直隐藏代码) this.inputRef?.智能感知TextInput当悬停

浏览 6提问于2020-02-22得票数 0

10回答

TextInput在react本机中的焦点样式

javascript、react-native

在React本机中，当textInput获得焦点时，如何更改它的样式？说我有一件事 render () { } textInput: { font

浏览 8提问于2015-12-04得票数 45

回答已采纳

1回答

导航到屏幕时无法聚焦TextInput

reactjs、react-native、react-hooks、react-navigation、react-native-paper

我有一个反应本机纸TextInput，当我导航到一个屏幕时，我想自动聚焦它(使用react-本地导航)。我尝试过将autoFocus={true}设置在TextInput上，但这没有起作用。在另一次尝试中，我试图通过监听屏幕上的“焦点”事件来手动调整焦点，但这只是在我第一次打开屏幕时才对其进行聚焦。有什么办法让它可靠地工作吗？focus(); return

浏览 3提问于2021-09-10得票数 1

回答已采纳

1回答

使用react将输入元素与插入符号/文本光标放在文本的末尾，使用onKeyDown

javascript、reactjs、input

我的组件中有两个输入字段： onKeyDown={onKeyDown} </>} 当我点击第二个输入的左箭头键时，第一个输入应该是焦点

浏览 16提问于2022-06-01得票数 1

回答已采纳

2回答

如何获取当前聚焦输入的位置？

react-native

我得到的是：var currentlyFocussedField

浏览 27提问于2016-08-24得票数 6

回答已采纳

5回答

如何使用TextInput* isFocused()方法*

javascript、reactjs、react-native

根据React文档中的这个链接：<TextInput onChangeText={this.handleText} style={(this.isFocused()) ?

浏览 1提问于2019-06-07得票数 2

回答已采纳

1回答

如何总是显示键盘在反应本土化？

react-native、react-navigation、redux-form

我尝试将blurOnSubmit设置为false in TextInput，它似乎可以通过单击外部来阻止我失去焦点。该模型是用react-navigation实现的。模态是一个相对较小的矩形形状，其余部分透明。这样，即使在成功模式结束时，用户也可以看到原始页面。

浏览 0提问于2019-04-05得票数 1

14回答

当TextInput具有焦点时，如何自动将窗口从键盘后面滑出？

javascript、react-native

我见过这个本机应用程序自动滚动窗口的技巧，但想知道在React native中做这件事的最好方法……当<TextInput>字段获得焦点并位于视图中的较低位置时，键盘将覆盖文本字段。

浏览 5提问于2015-03-28得票数 91

1回答

反应-自然的- InputText不会失去焦点

javascript、react-native

在我的React本机项目中，我使用了一些TextInput。我对具体用例有个问题。正如你在这个快餐店项目中看到的，我有一个橙色广场和一个TextInput。当我的InputText聚焦时，当我点击视图的另一个组件时，我希望它失去焦点，比如橙色的方块。

浏览 7提问于2017-11-23得票数 0

回答已采纳

2回答

如何找到有焦点的React组件？(如document.activeElement)

javascript、reactjs、focus、react-dom

如果您有500个组件，每个组件都有一个ref，那么您如何找到哪个组件具有用户的焦点呢？所有具有ref的组件都是可聚焦的元素，如<input />、<textarea />等。如果你的React组件有classNames，这是非常简单的--但是如果你想找到一个document.activeElement的ref，有没有什么方法可以不用求助于classNames就能实现呢？

浏览 0提问于2019-11-16得票数 8

2回答

本机TextInput与editable=true和dataDetectorTypes反应

react-native、textinput、datadetectortypes

我正在尝试创建一个既可编辑又具有可点击urls的TextInput组件。根据react本机文档，只有当dataDetectorTypes {false}时才支持editable=支柱。点击url应该在browserTapping中打开它，其他任何地方都应该在的位置开始编辑，如果当TextInput当前有焦点时，链接不再可点击的话，就可以了

浏览 3提问于2020-04-26得票数 7

2回答

如何在react* native中按下按钮打开键盘？*

react-native、expo

我有一个按钮，当它被按下时，我希望它打开键盘并将焦点放在文本输入组件上。对于一个最小的代码示例，我尝试这样做： <View> textChange={textInput => this.setState({ textInput })} textInput={this.state.textI

浏览 38提问于2019-10-05得票数 2

回答已采纳

1回答

我有一个TouchableOpacity和一个TextInput在一个ScrollView，当TextInput是集中和I按TouchableOpacity，我想解雇首先onBlur，然后onPress使用keyboardShouldPersistTaps=“从不”，onPress根本不会执行，而使用“已处理”，onBlur根本不会执行，输入也不会失去焦点。我注意到，TouchableOpacity是从‘react本机-手势-处理程序’导入的，而不是从‘react原生’导入的，而keyb

浏览 3提问于2020-11-19得票数 3

点击加载更多