问题标签 [react-native-textinput]

概括

TextInput我想在's 值旁边有文本。此文本不应该是可编辑的，但也需要响应，即，它随着 TextInput 的内容长度的变化而移动，因此在TextInput' 的值之后始终是 X 个字符。

当前代码

1. 拥有相邻的TextInput和Text组件不会导致响应行为。

2. 修改stringValue以添加额外的文本意味着它可以由用户编辑。

期望的行为

1. 文本应该随着TextInput' 值的长度变化而移动。
2. 文本不可编辑，并且光标TextInput无法在相邻文本中移动。

如何做到这一点？

我正在使用带有 redux 的 react native 开发聊天应用程序，其中消息通过发送按钮发送。但是，每当我在点击发送按钮时发送消息时，TextInput都不会清除。我想TextInput在点击发送按钮时清除该字段。在这里，我在 redux 工作，所以我不想使用statewith value。

这是代码：

这是组件 MessageInput 的代码：

当我点击（灰色）多行框中的任何位置时，我一直试图让我的 TextInput 聚焦（打开键盘），但它只检测对带有文本（或占位符）的行的点击。

当我单击灰色区域的任意位置时，有什么方法可以强制 TextInput 聚焦？

从下面的示例代码中，我尝试将文本框与 Flatlist renderItem 方法中的内容一起呈现，同时尝试更新文本框值。

输入单个字符后，设备上的运气不佳，键盘出现故障。

请在以下位置找到相关的小吃博览会：https ://snack.expo.io/BJGMscqsS 这是代码：

我遇到了 TextInput 的问题，它从用户那里获取输入，以及一个在 TextInput 中发送消息并清除输入的按钮。所以整体流程是：

1. 用户输入 TextInput
2. 在某些时候，用户按下按钮（又名 TouchableOpacity）
3. 将 TextInput 中的文本存储到临时缓冲区，然后清除 TextInput。
4. 通过 api 发送文本。

代码如下：

当用户在点击发送按钮后过早输入时，我的问题就会出现。如果用户决定输入得太早，则 TextInput 不会被清除。我认为这是因为：

1. 用户点击发送 => 排队渲染，因为消息状态由按钮的 onPress 中的 setMessage("") 更改
2. 用户输入太快 => 排队渲染，因为 TextInput 中的 onChangeText 处理程序更改了消息。问题是来自先前状态的 setMessage 尚未真正处理。因此，此渲染与消息的先前值（又名消息设置为 "" 之前的值）一起排队。

我尝试了 Promise、useEffect 和 useRef，但没有真正解决这个问题。如果有人知道如何解决这个问题，请告诉我。先感谢您。

自 2 天以来一直在寻找这个问题的解决方案，而互联网并没有为我提供我生命中的第一次解决方案，所以这是我在 StackOverflow 上的第一篇文章 :)

因此，我正在使用 Expo (3.4.1) 构建一个 react-native (0.59.8) 应用程序，并使用 Android 9.1 进行测试。

我有一个看起来像这样的电子邮件 TextInput：

TextInput 首先按预期显示，当我手动填写（键入我的电子邮件地址）时没有问题。

但是，当我选择一个 Android 建议时，TextInput 样式会发生变化（颜色变为浅黄色，backgroundColor 变为黄色/绿色，borderColor 变为橙色），这有点难看：/。

看起来行为与-webkit-text-fill-color标准 CSS 中的行为相同，但在 RN 中找不到对应的行为。

谢谢你的帮助 ：）

我想在 textInput 上添加类似提示的内容，就像在使用 android studio 的 java 中一样，在 react native 中可以这样做吗？我知道您可以选择添加值、默认值和占位符，但它们不像提示那样工作。

坦克！

我是反应原生的新手。我有 3 个 TextInput 字段t1, t2, t3。当达到极限时，我已经完成了对下一个输入字段的关注。现在我陷入了这样一种情况，即我的文本输入字段以某种方式受到关注t1并且t1已经达到其最大限制。但是当我按下另一个输入时，它不会专注于下一个输入字段t2。

当在 iPad 上聚焦 TextInput 时，有什么方法可以在键盘上显示粗体/斜体/下划线按钮？我已经在邮件和便笺应用程序中看到了这个选项，但是我找不到使用 React Native 为我的应用程序执行此操作的任何方法。下图显示了我正在寻找的键盘类型：