react-native:如何删除 <Text> 中的垂直间距

Afz*_*Ali 5 android reactjs mobile-development react-native react-native-stylesheet

在反应原生默认情况下,当我使用一些大字体大小时,我得到了垂直间距。我尝试过lineHeight,但在给出精确的 lineHeight 等于 fontSize 后,它只是从顶部而不是从底部删除间距。我添加了边框以查看差异。

<Text 
    style={{
            fontSize: 40,
            lineHeight: 40, 
            textTransform: 'uppercase',
            borderWidth: 1
    }}
>
      Account
</Text>
Run Code Online (Sandbox Code Playgroud)

我想从顶部和底部添加一些固定边距,但额外的空间会增加并在元素之间产生更多间隙。我不知道这个间距是多少,所以我可以从原始边距中添加/减去它。

注意:我现在只是在安卓上做。

在此输入图像描述

Het*_*hia 1

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

我认为你需要这样的输出

在此输入图像描述

  • 不,我需要删除文本和边框之间的垂直间距 (2认同)