PlatformColor

PlatformColor(color1, [color2, ...colorN]);

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

Если вы передаёте более одного строкового значения в функцию PlatformColor , она будет рассматривать первое значение как значение по умолчанию, а остальные — как значения по умолчанию.

PlatformColor('bogusName', 'linkColor');

Поскольку родные цвета могут быть чувствительны к темам и/или высокой контрастности, эта платформа-специфичная логика также переводится внутри ваших компонентов.

Поддерживаемые цвета

Полный список поддерживаемых системных цветов см. в:

Android:
- R.attr - префикс ?attr
- R.color - префикс @android:color
iOS (Objective-C и Swift обозначения):
- Стандартные цвета UIColor
- Цвета элементов пользовательского интерфейса UIColor

Примечания разработчика

Веб

Если вы знакомы с системами дизайна, другой способ взглянуть на это заключается в том, что PlatformColor позволяет вам подключиться к цветовым токенам локальной системы дизайна, чтобы ваше приложение идеально вписывалось!

Строковое значение, переданное функции PlatformColor , должно совпадать со строкой, как она существует на родной платформе, где запущено приложение. Для предотвращения ошибок во время выполнения функция должна быть обернута в проверку платформы, либо с помощью Platform.OS === 'platform', либо с помощью Platform.select(), как показано на примере выше.

Примечание: Вы можете найти полный пример, демонстрирующий правильное и предполагаемое использование PlatformColor в PlatformColorExample.js.

© 2022 Facebook Inc.
Licensed under the Creative Commons Attribution 4.0 International Public License.
https://reactnative.dev/docs/platformcolor