【发布时间】:2020-03-19 21:14:56
【问题描述】:
我正在尝试将我的两个文本组件与第一个的基线对齐,但我似乎无法让它在 android 上运行。我知道 android 处理计算字体的顶部和底部间距,我尝试使用 includeFontPadding: false,它只适用于顶部。底部填充仍然存在。有人可以帮忙吗?这是一个显示我的问题的小吃:https://snack.expo.io/S1ZAgflum
已编辑:我修改了零食以删除 lineHeight 和 includeFontPadding 属性,以更清楚地显示我遇到的问题。
下面是零食的直接对比,我添加了一条红线来显示数字的高度差异。
【问题讨论】:
-
请分享一些代码
-
你有没有让它在其他环境中工作?我问是因为问题可能是字体本身在底部内置了填充。要确认,您可以尝试将填充设置为负数(如果这通常有效)。
-
我尝试添加 paddinBottom: -20,但它什么也没做,我正在使用默认的 android 字体
-
我没有看到 iOS 和 Android 在零食上的任何区别,而且看起来显式设置行高也会导致问题,因为它与高度的顶部对齐。
-
好的,现在可以看到了。一种解决方法可能是将
paddingBottom:Platform.OS==='ios'?0:15添加到第 1 段
标签: css reactjs react-native react-native-android