天然 reactjs ：如何删除中的垂直间距< Text>

u3r8eeie 于 2023-01-04 发布在 React

关注(0)|答案(2)|浏览(107)

在react原生默认设置中，当我使用一些大字体时，我得到了垂直间距。我尝试了lineHeight，但在给出了与字体大小相等的精确lineHeight后，它只是从顶部而不是底部删除了间距。我添加了边框来查看差异。

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

我想从顶部和底部添加一些固定的边距，但额外的空间加起来，使更多的元素之间的差距。我不知道这个间距是多少，所以我可以添加/从原来的边距。
注：我现在只是在为android做这件事。

reactjs

来源：https://stackoverflow.com/questions/71422322/react-native-how-to-remove-vertical-spacing-in-text

2条答案

按热度按时间

z4iuyo4d1#

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

我认为你需要这样的输出