19

我想知道为什么padding我的 Text 在 react-native 中会出现这些奇怪的现象。我尝试了所有方法来获得完美的文本，但似乎没有任何效果，唯一有效的方法是paddingVertical，paddingHorizontal但它太老套且不可靠。

<Text numberOfLines={1} 
      style={{
            backgroundColor: 'red', 
            lineHeight: 92, 
            textAlign: 'center', 
            textAlignVertical: 'center', 
            padding: 0, 
            margin: 0, 
            fontSize: 92,  
            color: '#2d76ff', 
            fontFamily: 'Roboto-Regular', 
            includeFontPadding: false}}>
      {this.state.documents}
</Text>

齐柏林

在此处输入图像描述

我的 HTC 截图

在此处输入图像描述

4

2 回答 2

18

我偶然发现了这个问题，因为我遇到了同样的问题。文本组件有一个名为includeFontPadding. 您可以将其设置为 false 以删除额外的填充。

检查 React Native 文档以供参考：https ://facebook.github.io/react-native/docs/text-style-props#includefontpadding

于 2019-05-18T17:36:15.837 回答
6

尝试将此添加到样式

includeFontPadding:false
于 2020-06-29T20:10:11.637 回答