$env · Среда отображения

width, height — ширина и высота текущей доступной области инструмента в точках экрана и зависят от размера карты и среды отображения. Это не разрешение всего телефона и не количество пикселей в изображении.

Шрифты, графический радиус и координаты конечной точки, которые необходимо скорректировать по размеру, должны рассчитываться с использованием этой ширины и высоты в main(). Фиксированный круг из 120 точек всегда имеет фиксированный размер; чтобы он менялся в зависимости от карты, рассчитайте диаметр, используя меньшее значение доступной ширины и высоты.

foreground — это цвет текста, соответствующий текущему фону, accent — цвет акцента, а dark — текущий темный вид. Значение mode — instruments или hud, что указывает на обычный индикатор или дисплей HUD.

speedUnit представляет собой единицу отображения текущей скорости, language — язык приложения, а reduceMotion — настройку динамического эффекта ослабления системы. obdDevice предоставляет id и name текущего подключенного устройства или пуст, если готового устройства нет. Метки единиц измерения должны использоваться с числовыми значениями; изменение самой метки не приведет к преобразованию числового значения.

В следующем примере используется больший размер шрифта в режиме HUD, а также цвет текста текущей темы и единицы измерения скорости.

function main() {
  return (
    <Text fontSize={$env.mode === 'hud' ? 72 : 48} color={$env.foreground}>
      {$env.speedUnit}
    </Text>
  );
}

CapDrive предоставляет новые данные при изменении размеров, тем или других обстоятельств. Поместите вычисления, зависящие от $env, внутри main(), чтобы гарантировать, что при следующем отрисовке будут использованы новые значения. Повторяющиеся эффекты анимации настраиваются в соответствии с reduceMotion, чтобы не игнорировать системные настройки пользователя.