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。

刪除行高聲明不會刪除行高，它隱式地將其設置為默認值。