react-native - 来自 React Native 的 TextInput 不显示输入的文本
问题描述
我正在尝试使用 React Native 实现一个简单的 iOS 应用程序。但是,我遇到了TextInput
元素的问题。
在我尝试接下来的步骤之前它工作正常:
- 输入一些长文本(文本应该比输入本身长)
- 将光标放在文本的开头
- 试着输入一些东西。
我希望在我输入abc之后,它会如下所示:
但是,由于某种原因,结果是这样的:
即,输入了abc,但是,光标停留在初始(最左边)位置并且输入的文本不可见。我必须自己将光标向左移动才能看到文本。这不是预期的行为:作为用户,我觉得输入被破坏了,我的文本根本没有输入。
到目前为止,我没有找到任何解决该问题的方法。是 React Native 的错误还是我做错了什么?
谢谢你。
更新#1
创建了一个简单的 Expo 项目来重现该问题。
更新#2
看起来像是 React Native 的问题。报告了该问题并实施了@HelmerBarcos(带有multiline={true}
)提出的解决方法。
解决方案
我遇到了同样的问题,并通过添加解决了它:
flex: 1
关于文本输入样式。
推荐阅读
- python - 使用 selenium 检查时,大多数 HTML 元素都是空的
- angular - 在获取模板驱动的 Angular 表单的值时出错
- sql - 多列 SQL 服务器(Aspen 中继数据库)上的 PIVOT
- excel - 获取 VBA 脚本的输入
- azure - Azure 堆栈硬件要求 - 提案
- python - 如何使用Python删除csv文件中的双引号
- python - Python 未知操作数类型 - 用于自定义类
- ruby-on-rails - 在 Rails 中验证 pdf 的数字签名时出现折纸和 OpenSSL 错误
- aem - EventHandler 未捕获 AEM 6.4 中的 resourceChangedAttributes 和 resourceAddedAttributes 过滤事件
- php - 如何通过动态内容(来自数据库的内容)在 laravel 5.4 中发送邮件