占位符文本在(多行)TextInput for Android(React Native)中的位置

Posted

技术标签:

【中文标题】占位符文本在(多行)TextInput for Android(React Native)中的位置【英文标题】:Position of placeholder text in (multiline) TextInput for Android (React Native) 【发布时间】:2017-05-13 16:19:51 【问题描述】:

我有一个像这样的多行 TextInput:

<TextInput
  multiline=true
  placeholder='Enter description...'
  underlineColorandroid='transparent'
>

ios 上,它会根据此屏幕截图很好地呈现 占位符 文本。

在 Android 上,它会将 占位符 文本垂直居中!我已经检查过,任何父组件中都没有会强制执行此行为的样式(根据屏幕截图,iOS 还是可以的)。

有没有办法将占位符文本证明到框架的顶部(与 iOS 相同)?

【问题讨论】:

您是如何使您的标签完美融合的?你能分享一些你使用的代码或要点吗:) @WantIt 我认为它基本上是一个带有阴影和半径的白色 bg 内的无边框文本框,其中 DESCRIPTION 标题是该视图的一部分 【参考方案1】:

知道了,使用了这个道具:textAlignVertical='top'

【讨论】:

在安卓上工作

以上是关于占位符文本在(多行)TextInput for Android(React Native)中的位置的主要内容,如果未能解决你的问题,请参考以下文章

React Native - @emotion/native - TextInput 占位符文本颜色属性

用户单击输入时如何清除 TextInput“占位符”?

在ios中设置TextInput占位符垂直居中 - React Native

打造一个支持占位符的多行文本输入框

是否可以在文本框 ASP.NET 中使用多行占位符?

Material UI 中的多行占位符文本