logo标签列表

React Native的TextInput在Android上改变高度时显示不正确

androidreact-nativetextinput
27

我有一个具有以下样式的TextInput：

amountInput: {
  flex: 1,
  backgroundColor: 'rgba(255, 255, 255, 0.1)',
  color: 'rgba(255, 255, 255, 0.9)',
},
在iOS上，它看起来正确，好像没有足够的填充： enter image description here 在Android上，默认情况下有巨大的填充： enter image description here 没问题-我将设置右填充，左填充和高度：
amountInput: {
  flex: 1,
  backgroundColor: 'rgba(255, 255, 255, 0.1)',
  height: 30,
  paddingRight: 5,
  paddingLeft: 5,
  color: 'rgba(255, 255, 255, 0.9)',
}

iOS上看起来很好：

enter image description here

但是在Android上却有问题：

enter image description here

我应该如何制作一个与上图类似的安卓输入框呢？感谢。

1
只需玩弄 paddingVertical，例如将其设置为 0，并删除 height。 - Ivan Chernykh
谢谢，这就解决了（paddingVertical 0并移除高度）- 可以将其添加为答案。 - Dominic
完成，很高兴能帮到您。 - Ivan Chernykh
4个回答
74

在 Android 上，元素默认会添加一些顶部和底部的内边距，你可以通过在元素样式中添加 paddingVertical: 0 来重置它们。

通过添加paddingTop: 0和paddingBottom: 0，对我起了作用。谢谢你的答案！ - MrTAWIL99
3

对我来说，这是Android中的文本对齐问题。将textAlignVertical: 'top'添加到样式中可以为我解决此问题。

0
为了让文本输入在iOS和Android上看起来一样，请给它一个特定的高度，这将覆盖Android中的默认高度。
0
在Android上添加paddingVertical: 0和paddingHorizontal: 0来解决此问题。
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接