我有一个具有以下样式的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输入框？谢谢。
4条答案
按热度按时间py49o6xq1#
Android在顶部和底部添加了一些默认填充，您可以通过将
paddingVertical: 0添加到元素的样式来重置它们。yyyllmsg2#
对我来说，这是Android中的文本对齐问题。添加
textAlignVertical: 'top'到样式中为我修复了它。nue99wik3#
使文本输入在iOS和Android上看起来相同。给予它一个特定的高度，这将覆盖Android中的默认高度。
hwamh0ep4#
在Android上添加
paddingVertical: 0和paddingHorizontal: 0来解决这个问题。