问题标签 [react-native-textinput]

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.

0 投票
1 回答
84 浏览

reactjs - React Native TextInput:是否有可能让 TextInput 在 iOS 上像 Android 一样移出键盘?

我的 React Native 应用程序中有一个TextInput字段位于屏幕底部附近。当我单击输入它时,在 Android 上,它TextInput会向上移动,以便您在打字时仍然可以看到它,但在 iOS 上,TextInput它不会移动,所以在这种情况下,它会隐藏在键盘后面。

有没有办法在 iOS 上做出同样的行为?

0 投票
1 回答
95 浏览

react-native - React native keyboardAvoidView 覆盖了一半 textInput

在三星 note 10 上观察到此错误,并非在所有设备上,但主要在三星上 键盘覆盖了一半的文本输入,我尝试了一些修复,但没有一个有效。

我也用过

但它也没有工作

聊天界面 React Native

0 投票
0 回答
406 浏览

react-native - 如何在本机反应中删除表情符号和麦克风按钮的底部键盘部分

有谁知道如何在 react-native iOS 上删除键盘的底部?也许是 TextInput 上的一个秘密键盘类型道具或其他东西?

谢谢!

在此处输入图像描述

0 投票
2 回答
76 浏览

react-native - React Native:onChangeText 在此 TextInput 代码中的值如何过去?

这段代码假设是多个TextInputs 的通用处理函数,由 s 调用onChangeText

.

我不明白val它的值在哪里得到,它没有在任何地方显式定义,如果 val 被传递onChangeText并且不必在处理程序的道具中显式命名,那么为什么以下在没有箭头符号的情况下不起作用:

没有 a ,代码也不能工作return,为什么?

完整代码在这里

0 投票
2 回答
120 浏览

reactjs - React Native TextInput:为什么secureEntryText会移出输入框并有省略号?

我的 React Native 应用程序中有TextInput组件,当我添加secureEntryText: 'true'密码输入时,我注意到两件事:

1)当我输入密码时,输入密码的左边缘移到输入框的左侧,如下所示:

在此处输入图像描述

2)当我不关注密码输入时,无论密码多长,输入的密码末尾都有一个省略号,如下图:

在此处输入图像描述

有谁知道我可以如何解决这些问题?

0 投票
0 回答
347 浏览

react-native - 如何在 onFocus 事件中获取 React Native TextInput 的垂直偏移量?

我想在该元素的 onFocus 事件中获取 React Native TextInput 的垂直偏移量。TextInputCustom我创建的组件中有以下代码:

这个“有效”,因为我可以看到 的值pageY,但问题是当我将多个TextInputCustom组件添加到屏幕时,它似乎为所有组件报告了相同的pageY值,就好像它们ref都共享一样或类似的东西。(老实说,我不确定发生了什么,但我确信它们都报告了相同的pageY值,即使它们都明显处于不同的垂直偏移量。)

我正在考虑更改textInput.measureevt.target.measure,但evt.target似乎是元素 ID 而不是实际元素。我在 SO 上阅读了一些关于使用ReactNativeComponentTree从元素 ID 获取实际元素的内容,但我似乎无法正确地要求/导入它。

在这一点上,我被困住了,并且正在寻找任何关于如何在TextInput元素被关注时正确获取元素的垂直偏移的建议,即使TextInput给定屏幕上有多个元素也是如此。谢谢你。


编辑:Max,根据您的评论,我修改了我的功能组件如下:

我注意到该onFocus事件会针对TextInputCustom屏幕上的第一个组件触发,但其他组件都不会触发。有什么想法吗?谢谢你。

0 投票
1 回答
246 浏览

react-native - 在 React Native 中按下 TextInput 清除按钮时调用函数

我有一个带有清除按钮的 TextInput(clearButtonMode 属性设置为“始终”):

当用户通过点击清除按钮清除文本字段时,我希望能够调用另一个函数;我浏览了文档,但似乎找不到我正在寻找的东西(类似于“onClearButtonPressed”道具)——想知道是否有人知道解决方法/解决方案?

0 投票
0 回答
121 浏览

react-native - React Native TextInput 屏蔽是错误的

我正在尝试使用正则表达式为 BRL 货币制作一个带掩码的 TextInput,因此每次用户键入一个数字时,它的格式如下:

屏幕截图

首先按下的数字出现在 TextInput 中,然后您可以将其更改state为所需的值。没有办法在向用户显示之前更改文本吗?

基本上我正在做的是:

正则表达式的功能是这样的:

它不应该等待value道具更新吗?无论如何,我实现了我想要的吗?因为我知道在 Android (Java) 中,我有一个功能可以在显示之前更改文本。

PS.:我正在使用OnChange函数,因为我发现它比onChangeText

0 投票
1 回答
365 浏览

react-native - ReactNative - 如何在 TextInput 上使用粘贴时排除格式

反应原生:0.61.4

如果将格式化文本粘贴到 my中,则会忽略TextInput的样式。TextInput

我以 的样式指定了colorand ,但是当我使用 paste 时,and是不同的。fontSizeTextInputcolorfontSize

粘贴时如何删除文本格式?

它只发生在Android上。

0 投票
1 回答
1297 浏览

react-native - 反应本机Textinput输入最大长度值

你如何设置这样的值?例如,数字字段必须小于 50。

如何使用 maxLength={2} 属性,如何验证它.. 我希望输入数字应该小于 50

这是我的代码..