首页 > 解决方案 > 来自 React Native 的 TextInput 不显示输入的文本

问题描述

我正在尝试使用 React Native 实现一个简单的 iOS 应用程序。但是,我遇到了TextInput元素的问题。

在我尝试接下来的步骤之前它工作正常:

  1. 输入一些长文本(文本应该比输入本身长)
  2. 将光标放在文本的开头
  3. 试着输入一些东西。

我希望在我输入abc之后,它会如下所示:

在此处输入图像描述

但是,由于某种原因,结果是这样的:

在此处输入图像描述

即,输入了abc,但是,光标停留在初始(最左边)位置并且输入的文本不可见。我必须自己将光标向左移动才能看到文本。这不是预期的行为:作为用户,我觉得输入被破坏了,我的文本根本没有输入。

到目前为止,我没有找到任何解决该问题的方法。是 React Native 的错误还是我做错了什么?

谢谢你。

更新#1

创建了一个简单的 Expo 项目来重现该问题。

更新#2

看起来像是 React Native 的问题。报告了该问题并实施了@HelmerBarcos(带有multiline={true})提出的解决方法。

标签: react-native

解决方案


我遇到了同样的问题,并通过添加解决了它:

flex: 1

关于文本输入样式。


推荐阅读