Метод getFontScale
Метод getFontScale класса
PixelRatio
синхронно возвращает число.
Значение 1 означает обычный размер текста в системе.
Большее число показывает увеличенный шрифт в настройках доступности.
То же значение есть в поле fontScale у
Dimensions.get.
Синтаксис
const res = PixelRatio.getFontScale();
Параметры
| Параметр | Описание |
|---|---|
| - | Аргументы не передают. |
Пример
Давайте выведем масштаб в консоль:
import { PixelRatio } from 'react-native';
const res = PixelRatio.getFontScale();
console.log(res);
Результат выполнения кода:
1
При увеличенном тексте в настройках число станет больше 1.
Пример
Давайте умножим базовый размер шрифта на масштаб системы:
import { Text, PixelRatio } from 'react-native';
export default function App() {
const size = 16 * PixelRatio.getFontScale();
return (
<Text style={{ fontSize: size }}>
abcde
</Text>
);
}
На экране текст 'abcde' согласован с системным масштабом шрифта.
Смотрите также
-
метод
get,
который возвращает плотность экрана -
функция
useWindowDimensions,
которая отдаётfontScaleокна -
компонент
Text,
у которого задаютfontSize -
класс
PixelRatio,
который содержит методы плотности