Создаем портфолио за 1 месяц
К концу месяца: 4 классных проекта в вашем портфолио! Стоимость: 100$. Подробности...
92 of 196 menu
◀ ▶

Метод 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,
    который содержит методы плотности
← →
↑
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить