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

Question

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

在我尝试下一步之前，它工作正常：

1. 输入一些长文本（文本应比输入内容长）
2. 将光标置于文本的开头
3. 尝试输入内容。

我希望输入 abc 后看起来像这样：

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

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

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

谢谢。

更新＃1

创建了一个simple Expo project来重现该问题。

更新＃2

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

Answer 1

问题是您没有正确使用TextInput组件的相应属性或props。为了更好地了解它们的用法，在这种情况下，请阅读React Native组件的官方API文档TextInput Component Documentation

您需要使用placeholder道具，它应该可以工作。可能是您的StylesSheet上还有另一个错误。

我为您创建了一个Expo example，仅用于显示正确的方式。如果要尝试，可以在其中添加自己的代码。

Answer 2

我遇到了同样的问题，并通过添加以下内容解决了该问题：

flex: 1

关于文本输入样式。