Перейти к содержанию

PlatformColor

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

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

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

1
PlatformColor('bogusName', 'linkColor');

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

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

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

Заметки разработчика

Web

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

Пример

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

Примечание

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

Комментарии