PlatformColor¶
1 | |
Вы можете использовать функцию PlatformColor для доступа к родным цветам на целевой платформе, предоставив соответствующее строковое значение родного цвета. Вы передаете строку в функцию PlatformColor и, если она существует на данной платформе, она возвращает соответствующий родной цвет, который вы можете применить в любой части вашего приложения.
Если вы передадите функции PlatformColor более одного строкового значения, она будет рассматривать первое значение как значение по умолчанию, а остальные — как запасные.
1 | |
Поскольку родные цвета могут быть чувствительны к темам и/или высокому контрасту, эта логика, специфичная для платформы, также переводится в ваши компоненты.
Поддерживаемые цвета¶
Полный список типов поддерживаемых системных цветов см:
- Android:
- iOS (нотации Objective-C и Swift):
Заметки разработчика
Web
Если вы знакомы с системами дизайна, то можно сказать, что PlatformColor позволяет вам использовать цветовые маркеры локальной системы дизайна, чтобы ваше приложение вписалось в нее!
Пример¶
Строковое значение, передаваемое функции PlatformColor, должно совпадать со строкой, существующей на родной платформе, на которой запущено приложение. Чтобы избежать ошибок во время выполнения, функция должна быть обернута в проверку платформы, либо через Platform.OS === 'platform', либо через Platform.select(), как показано в примере выше.
Примечание
Полный пример, демонстрирующий правильное, целевое использование PlatformColor, вы можете найти в PlatformColorExample.js.