【问题标题】:React native android text has extra bottom paddingReact 本机 android 文本具有额外的底部填充
【发布时间】: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


【解决方案1】:

我不知道是不是太晚了,但是我解决了这个设置文本元素的高度与 fontSize 的值相同的问题。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-12-24
    • 2023-01-12
    • 2010-09-26
    • 2017-08-21
    • 1970-01-01
    • 2013-07-20
    • 2011-04-18
    • 2012-10-20
    相关资源
    最近更新 更多