React Native 的 TextInput 不显示输入的文本

Question

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

它工作正常，直到我尝试以下步骤：

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

我希望在我输入后，比如说abc，它看起来像这样：

然而，由于某种原因，结果是这样的：

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

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

谢谢你。

更新 #1

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

更新 #2

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

Answer 1

问题在于您没有正确使用相应的属性或propsTextInput 组件。为了更好地理解它们的使用，请阅读 React Native 组件的官方 API 文档，在本例中为TextInput 组件文档

你需要使用这个 placeholder道具，它应该可以工作。您的样式表上可能还有另一个错误。

我为您创建了一个世博会示例，只是为了展示正确的方法。如果您想尝试一下，可以在那里添加自己的代码。