2017-07-29 12 views
1

在CSS中,我可以使用字體做百分比,所以我可以要求字體是基本字體的120%,但是在反應本機中,我擁有的是無單位數字。我希望能夠獲得稍大的字體,例如120%,但docs似乎只包含選取數字。它也沒有提及默認大小(如果我沒有指定fontSize參數)。如何用反應本機獲得「更大」的字體?

有沒有一些理智的方式來說當前字體大小乘以1.2?

回答

0

我不知道爲什麼React-Native沒有記錄默認字體大小。但是你可以通過手動測試輕鬆找到它,我的React-Native版本(0.43.0-rc.4)使用作爲默認字體大小(可能你也應該使用它)。

而且使用1.2倍基本字體大小,只寫一個實用程序功能

getFontSize(scale) { 
    DEFAULT_SIZE = 14; 
    return Math.round(scale * DEFAULT_SIZE); 
    } 

立刻設置

fontSize: getFontSize(1.2), 

另一種方式做,這將是手動設置標籤名稱爲一組數字如

FONT_SMALL = 12 
FONT_NORMAL = 14 
FONT_BIG = 16 

在你的fontSize屬性中的任何地方使用它,而不是使用1.2倍的時間s正常文本就像

fontSize: FONT_BIG, 
相關問題