问题标签 [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 回答
107 浏览

react-native - TextInput onChange 落后了一步

请参阅代码和框链接以获取代码。

尽管我在 setState 的回调中明确添加了计算函数,但基本上输入会滞后一键。

编辑:我了解解决方案,但我想知道为什么会发生这种情况,因为我在 setState 的回调中调用了该函数。

0 投票
2 回答
112 浏览

android - 更改状态后 TextInput 值不更新?

检查我用来处理文本的函数,我在其中附加了一些虚拟文本,但它没有得到反映。

这是构造函数,

0 投票
1 回答
300 浏览

react-native - 移除 react-native-material-textfield 的边框

我正在使用react-native-material-textfield而不是 react-native TextInput。

在此处输入图像描述

一些问题:

1)如何删除右/左/上边框?

2)如何更改标签的颜色/字体大小(这里是电话号码)?

我尝试 ( inputContainerStyle, labelTextStyle, titleTextStyle) 进行更改,但没有影响。

0 投票
0 回答
712 浏览

react-navigation - 返回上一个屏幕时,反应导航立即关注输入模糊

当我导航到新屏幕时,我想专注于文本输入。这在我将屏幕添加到堆栈时有效,但当我返回堆栈时无效。

相反,输入聚焦一秒钟并立即模糊。

这是我得到的:

  • 屏幕A在堆栈中是第一个并且立即输入模糊
  • 屏幕 B 被添加到堆栈中并按预期工作

在此处输入图像描述

知道是什么原因造成的吗?

仅供参考,如果我使用自动对焦,我也会遇到同样的问题。

这是整个(非常简单的)代码:

0 投票
2 回答
1929 浏览

javascript - 如何从 TextInput(在 expo 中)获取输入并将其存储为变量,以便在不使用类的情况下在另一个函数中调用?

我正在开发一个非常简单的提醒应用程序,作为使用 react 和 javascript 的介绍。(我是 javascript 的完整初学者,但对 ruby​​ 等语言有经验。)我希望能够从这个 TextInput 组件(https://docs.expo.io/versions/v37.0.0/ react-native/textinput/#content)不使用类。我只想将输入存储为变量,并能够在我的代码中的其他任何地方调用它。第二个函数中的 {text} 变量是我要存储第一个函数的输入的地方。(为糟糕的英语道歉)我尝试运行它,它说它找不到变量“文本”,即使那是它被分配的内容。

0 投票
1 回答
3834 浏览

react-native - 反应本机文本输入键盘如何显示点而不是逗号?

我在 react-native 文本输入 ios 中遇到问题,我想显示一个数字键盘。这是描述得很好的代码:

但在 ios 中在键盘上显示一个逗号,如下图所示:

在此处输入图像描述

我想显示一个点,而不是那个逗号。有人知道如何在 JavaScript 中不使用 replace 方法吗?

谢谢!

0 投票
1 回答
141 浏览

javascript - 按下键盘提交按钮时继续显示键盘

我想继续显示键盘。例如,当我按下提交时,该过程发生并且键盘保持打开状态。

就像在 whatsapp 中发送消息一样。这与keyboard.dismiss() 正好相反。

0 投票
0 回答
60 浏览

react-native - 如何在不使用onchangeText的情况下从文本框中获取文本?

我已经在文本框中设置了默认值

这是我创建的表单的一部分,表单已经填充了默认值,用户只能编辑他/她想要的内容,当他提交表单时,所有数据都将添加到另一个数组中。但在当前代码中,由于 onChangeText,只有用户编辑的文本框会被添加到新数组中。如何在没有 onChangeText 的情况下获取文本框中的文本

0 投票
2 回答
1409 浏览

react-native - 如何在 React Native 的 TextInput 中禁用退格键?

我正在使用 TextInput,我希望 TextInput 中的第一个符号保持不变。因此,如果文本的长度是一个符号,我可以忽略退格,并且可以忽略 onChangeText 事件。以下代码不起作用,无论如何都会发生 onChangeText 事件。请问,有什么解决办法吗?

0 投票
0 回答
2189 浏览

react-native - 如何使用反应原生 TextInput 选择道具?

我有以下简单的组件:

我的问题是selectionthrough的值更新经常会有延迟setselection,这会导致插入符号跳来跳去或触发错误:(setSpan(1 ... 1) ends beyond length 0 我认为这意味着选择设置为大于 TextInput 值)

我应该如何使用选择道具?我的目标是能够在需要时移动光标。

我正在使用博览会,但关闭远程调试不会造成额外的延迟。

跳跃示例:

在此处输入图像描述