问题标签 [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 投票
0 回答
115 浏览

android - React Native 移除输入边框(适用于 Android 4.4.2)

这在带有low Android version(4.4.2) 的手机上显示。即使我删除了输入边框,它仍然看起来像一个边框。有没有道具可以去掉

图片:

在此处输入图像描述

我的TextInput代码

我的Style常量:

0 投票
1 回答
2348 浏览

reactjs - 使用 TypeScript 在 React Native 上传递 refs:(属性)React.MutableRefObject.current: null 对象可能是 'null'.ts(2531)

我在 React Native 表单上有几个字段,我希望每次用户使用虚拟键盘验证字段时焦点从一个跳转到下一个。

我想出了类似的东西:

目前我收到一个 TypeScript 错误:

我试图添加!和 ?标记,但它结束于:

有什么办法解决这个问题吗?

谢谢

0 投票
0 回答
346 浏览

react-native - 失去焦点后键入内容时,带有 securTextEntry 的 TextInput 会自动清除

我有一个将secureTextEntry设置为true的TextInput。当我执行以下步骤时,此输入会不必要地清除所有内容:

  1. TextInput中输入一些内容
  2. 进行任何操作以失去焦点(例如Keyboard.dismiss()
  3. 再次点击TextInput并输入一些内容
  4. 先前输入的文本立即清除,您开始在空白字段中输入

有没有办法禁用这种奇怪的行为并允许用户从他停止的地方继续输入密码?

0 投票
0 回答
146 浏览

react-native - 在 textInput 组件外部点击调用 onBlur

在上面的代码片段中,当我单击 textinput 时,焦点操作正在工作,但是当我单击 textinput 组件外部时,不会触发 onBlur。

我不想将组件包含在滚动视图中

任何人都可以帮助我解决这个问题。

0 投票
0 回答
145 浏览

react-native - React Native - UseState,数字键盘不起作用

这是我的代码 -

我对上面的代码有几个问题。

  1. 我正在调用numberInputHandler函数 onChangeText,但值没有更新。同样,重置按钮的 onPress 我正在调用另一个函数“resetInputHandler”,它也不起作用。

  2. keyboardType="number-pad"不管用。我能够在 iPhone 和 android 模拟器中看到普通键盘。

请问您能帮忙解决以上问题吗?

0 投票
1 回答
69 浏览

react-native - React Native:是否可以强制 TextInput 中的字符为大写字母?

TextInput在我的 React Native 应用程序中使用autocapitalize: 'characters'. 它自动将所有字符大写,但我仍然可以按 shift 键(iOS),它会切换为小写。我想防止用户能够切换到小写。有谁知道是否有办法做到这一点?

0 投票
2 回答
656 浏览

javascript - FlatList 项中的 TextInput

我有一个如下图所示的问题: 文本

正如你们所看到的,我有每件商品的信息:名称和库存。现在我想通过在文本输入中输入一个数字来更新单个项目的库存但是当我在 1 个文本输入中输入 3 时,它会在所有剩余的文本输入中填充 3。这是我的渲染项目:

谁能帮我解决这个问题?给我一个想法。谢谢大家!

0 投票
2 回答
154 浏览

react-native - 切割左侧为 Android(粗体文本错误)

我有 react-native TextInput,如果我输入长字符串,它会自动增长。在 iOS 上它按预期工作,但在 Android 上,它在 5-7 个字符后开始切断左侧。字符串越长 - 截断越大。我试图删除边距和填充 - 没有变化。我查看了文档中的道具 - 还没有找到解决方案。我可以滚动查看被截断的字符串,但我想在没有滚动的情况下查看它,除非没有更多空间可以增长。

在此处输入图像描述

0 投票
0 回答
454 浏览

react-native - 防止 ScrollView 在焦点或编辑时滚动到 TextInput。反应原生。安卓

我有几个视图,我已经实现了一种方法,用户可以在屏幕上拖动它们以将它们放置在他们想要的位置。这些视图中的每一个都有一个可编辑的文本字段。(想想便利贴)。

为了将便利贴放在用户想要的位置,我使用变换样式属性来平移 X 和 Y 位置。在我将这些便签放在滚动视图中之前,这非常有效。

它在 IOS 上按预期工作。在 android 上,每当用户编辑或关注便笺中的可编辑字段时,滚动视图都会滚动到屏幕顶部。我相信这是因为在 android 上,由于 transform 样式属性,ScrollView 不知道 TextInput 的更改位置。

我已经搜索了 ScrollView 的文档,甚至没有找到关于文本编辑功能的自动滚动的提及。更不用说如何禁用它了。

有没有办法防止 ScrollView 在聚焦或编辑时自动滚动到 TextInput?

有没有办法让 ScrollView 知道 TextInput 已移动?

以下是出现此问题的屏幕的最小示例:

0 投票
2 回答
1026 浏览

react-native - React Native:打开模态时TextInput是否可以保持焦点?

我需要在打开时保留输入TextInput文本Modal。仅供参考,TextInput不是Modal

我知道这不正常,但情况迫使我这样做。

如果您有解决此类问题的经验,请帮助我。