2017-01-07 28 views
9

我想知道爲什麼我的文本在react-native中得到這些奇怪的padding。我想盡一切辦法來獲得完美的文本,但似乎沒有任何工作的唯一工作是paddingVerticalpaddingHorizontal,但它太hacky和不可靠。反應本機Android文本組件額外填充

<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> 

Zeplin從我的HTC

enter image description here

截圖

enter image description here

+0

你能否更新你的問題以添加更多信息?在屏幕截圖中,您試圖去除的額外填充究竟在哪裏? –

+0

你使用自定義字體嗎(我不認爲Roboto是默認的)?這種行爲是特定於Android還是iOS?我在Android上遇到了類似的問題,我發現了一種hacky解決方案:http://stackoverflow.com/questions/41570343 – henkimon

回答

-1

你可以添加到風格:

lineHeight: 70, 
paddingTop: -6, 

這就是結果:result