android - 在 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 添加到您的元素样式来重置它们。