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

react-native - 单击时如何更改文本输入下划线的颜色?

当我单击特定的文本输入字段时,我想更改文本输入下划线的颜色,目前我有两个用于电子邮件和密码的文本输入字段,并且我已经为 textinput 和 iam 使用 onfocus 和 onblur 创建了组件,我的问题是当我单击在任何一个字段上,这两个字段都变得专注。我只想突出显示我单击我创建的 CustomTextInput 组件的文本输入,

我在其中调用这些文本输入组件并应用 onfocus 和 onbblur 的登录页面

0 投票
1 回答
257 浏览

react-native - React Native TextInput - 更新值时向左滚动

我有一行TextInput可以通过 UI 的其他部分进行更新。

我的问题是,有时文本可能很长。在这种情况下,当我更新 时value,会TextInput一直滚动到其内容的末尾。我需要在TextInput更新时保持在左侧。

我有什么办法可以做到这一点吗?

Expo SDK 37、React Native 0.61、React 16.9

0 投票
1 回答
232 浏览

react-native - 在反应本机文本输入中更改单个单词的颜色

是否可以在本机反应中更改文本输入中单个单词的颜色?

例如,在评论时在文本输入中提及某人时:

我希望 "@user" 的颜色与 textinput 中的"Hello" 不同。我知道<Text>,它可以用react-native-hyperlinkand来完成linkify-it,但这个问题涉及<TextInput>

0 投票
1 回答
266 浏览

react-native - 按下 textinput 隐藏模式 react-native-modal

我正在渲染 Flatlist,它呈现每个项目的项目列表,当按下按钮时,模态框将打开,每个模态框内部都有一些文本输入,因此层次结构如下:

屏幕

-平面列表

- 物品

- -按钮

---模态

----文本输入

当我打开按下第一个项目的按钮时,模态打开并且一切正常,但是当我在 Flatlist 中向下滚动并按下最后一个项目并打开模态时,我尝试在模态的文本输入上书写,模态消失了。

我确定模态存在,但我看不到它,有什么帮助吗?

GIF 解释我的意思

0 投票
2 回答
393 浏览

react-native - 如何使用 React Native 在 TextInput 值中连接数字代码和字符串

有两个变量。

文本输入渲染

但货币符号未显示。

有没有办法在 TextInput 中动态打印货币符号

0 投票
1 回答
1189 浏览

react-native - React-native-paper 上的 TextInput 不起作用

我想从 React Native Paper 中获得关于 Card 的输入。我尝试将 textInput 放入 card、card.title、card.content 或 card.actions 中,但它不起作用,我做错了什么?有什么解决办法吗?这是我正在处理的代码:

我可以看到标签电子邮件和文本框,但我不能在文本框上写任何文本,我该怎么办?这是上述代码的输出:

在此处输入图像描述

0 投票
3 回答
50 浏览

javascript - 如何根据用户从 Picker 中选择不显示 TextInputs 并将 textinput 的值存储在数组中

我允许用户从选择器中选择一个数字,它可以随机选择1、4、6 。当他选择像 3 这样的数字时,将显示 3 个 TextInputs,他将在 3 个输入字段中输入一些内容,我想将这些值保存到一个数组中。怎么能做到这一点,react native 我认为我使用了一种不好的方法,我想要一个可以使我的代码高效并告诉我如何将值存储到数组中的专家。问候

0 投票
1 回答
27 浏览

react-native - 确定 TextInput 是否通过 ref 获得焦点

配置如下:

:如何确定 TextInput是否在render()方法中具有焦点

0 投票
1 回答
897 浏览

react-native - React-native - TextInput 十进制键盘在 iOS 上显示逗号而不是点

一些 iOS 设备似乎在小数点上显示,(逗号)而不是 a 。.我相信这与键盘语言/语言环境有关。有没有一种方法可以强制decimal-pad显示.键盘语言/区域设置?

问题:

在此处输入图像描述

期望的输出:

在此处输入图像描述

0 投票
0 回答
90 浏览

react-native - TextInput placeholder style not work properly

I'm having an issue when I try to custom my TextInput whereas the placeholder will have normal fontWeight and the textinput will be bold.

This is my code for that:

My issue is: Firstly, placeholder have normal fontWeight, i entered some randomly input and then delete all of it, the placeholder style is not change back to normal but still be bold.

enter image description here