在Android上更改高度时,react-native TextInput显示错误

Question

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

amountInput: {
  flex: 1,
  backgroundColor: 'rgba(255, 255, 255, 0.1)',
  color: 'rgba(255, 255, 255, 0.9)',
},

在iOS上它正确看起来没有足够的填充:

在Android上默认有大量填充:

不是问题 - 我将设置左右填充和高度:

amountInput: {
  flex: 1,
  backgroundColor: 'rgba(255, 255, 255, 0.1)',
  height: 30,
  paddingRight: 5,
  paddingLeft: 5,
  color: 'rgba(255, 255, 255, 0.9)',
}

在iOS上看起来不错:

但Android搞砸了:

如何制作像倒数第二个iOS截图的Android输入框？谢谢.

Answer 1

Android在顶部和底部添加了一些默认填充,您可以通过添加paddingVertical: 0元素的样式来重置它们.