如何将字体大小设置为“更大”或系统默认值的140%

Question

我想为我的用户提供显示特定的可能性

我想用web-css“大”或“大”值或原始字体大小的140%来显示文本。

我发现了几个关于SO和第三方库的问题，比如响应式字体大小，但它们似乎都与我无关。

做我想做的事最简单的方法是什么？




Answer 1

我认为您正在寻找的是PixelRatio，它可以让您更好地控制字体大小。否则，它可以帮助到达您的帖子的人。

PixelRatio可让您访问设备的像素密度和字体比例。

因此，在您获得所需的信息后，您可以使用它。

你可以找到这个答案的例子

例如：

var React = require('react-native');

var {StyleSheet, PixelRatio} = React;

var FONT_BACK_LABEL   = 18;

if (PixelRatio.get() <= 2) {
  FONT_BACK_LABEL = 14;
}

var styles = StyleSheet.create({
  label: {
    fontSize: FONT_BACK_LABEL
  }
});

Answer 2

你可以用它们来表示相对大小。

使用em，您可以说出您希望文本的大小或小多少倍。例如：

0.5em将是您初始尺寸的一半，1em将是相同的尺寸，2em将是两倍的尺寸。

<Text style={{fontSize: `${relativeSize}em`}}>
      I am {relativeSize} times bigger than I was supposed to be
</Text>

这是一个工作示例：https://snack.expo.io/@andrpr/bigle-text-example

如果您想使用百分比，您可以将它们转换为您希望文本大多少：

const percentage = 140;
const relativeSize = percentage/100;

https://snack.expo.io/@和rpr/percentage较大文本示例

Answer 3

1. 您为每个组件定义样式，例如

附言：通常，不能只将字体放大%