你如何使用react-native获得“更大”的字体？

Question

在CSS中，我可以用字体做百分比，所以我可以要求字体是基本字体的120％，但在本地反应中，我只有无单位数字。我希望能够得到一个稍微大一点的字体，比如120％，但docs似乎只能选择一个数字。它也没有提到默认大小（如果我没有指定fontSize参数）。

是否有一些理智的方式说当前字体大小乘以1.2？

Answer 1

我不是没有为什么React-Native没有记录默认字体大小的原因。但你可以通过手动测试轻松找到它，我的React-Native版本（0.43.0-rc.4）使用 14 作为默认字体大小（可能你的也应该使用它）。

另外要使用基本字体大小的1.2倍，只需编写一个util函数

    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倍，如

fontSize: FONT_BIG,