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