react-native：如何删除垂直间距<text></text>

Question

当我使用一些大字体时，在本机默认设置中，我得到了垂直间距。 我尝试lineHeight ，但是在给出精确的 lineHeight 等于 fontSize 之后，它只是从顶部而不是从底部移除间距。 我添加了边框以查看差异。

<Text 
    style={{
            fontSize: 40,
            lineHeight: 40, 
            textTransform: 'uppercase',
            borderWidth: 1
    }}
>
      Account
</Text>

我想从顶部和底部添加一些固定边距，但这些额外的空间加起来并在元素之间增加了更多的差距。 而且我不知道这个间距有多少，所以我可以从原始边距添加/减去它。

注意：我现在只是为 android 做这件事。

Answer 1

<Text
    style={{
      fontSize: 40,
      textTransform: 'uppercase',
      borderWidth: 1,
      alignItems: 'center',
      justifyContent: 'center',
      textAlign: 'center',
      margin: 50,
      alignSelf: 'flex-start'
    }}
  >
    Account
  </Text>

我想你需要这样的 output

Answer 2

在您的情况下，垂直间距由行高设置（没有边距或填充）。

设置行高为0。

删除行高声明不会删除行高，它隐式地将其设置为默认值。