Создаем портфолио за 1 месяц
К концу месяца: 4 классных проекта в вашем портфолио! Стоимость: 100$. Подробности...
79 of 196 menu
◀ ▶

Класс Platform

Класс Platform не рисует элементы на экране. Геттер OS возвращает имя системы из перечисления PlatformOS. Геттер Version на iOS даёт номер версии системы, на Android - номер API. Геттеры isPad и isTV показывают планшет iPad и телевизор. Объект constants хранит дополнительные сведения о платформе. Метод select возвращает ветку объекта под текущую систему.

Синтаксис

import { Platform } from 'react-native'; const os = Platform.OS;

Методы

Метод Описание
select Берёт значение из объекта по ключу системы или default.

Пример

Давайте выведем имя системы и версию на экран:

import { View, Text, Platform } from 'react-native'; export default function App() { return ( <View> <Text>{Platform.OS}</Text> <Text>{String(Platform.Version)}</Text> </View> ); }

На экране две строки: имя системы и число версии.

Пример

Давайте покажем разный текст на iOS и Android:

import { View, Text, Platform } from 'react-native'; export default function App() { const label = Platform.select({ ios: 'abcde', android: '12345', default: 'abcde', }); return ( <View> <Text>{label}</Text> </View> ); }

На экране одна подпись: 'abcde' на iOS и '12345' на Android.

Смотрите также

  • перечисление PlatformOS,
    которое задаёт строки для OS
  • метод select,
    который выбирает значение под систему
  • функция PlatformColor,
    которая берёт системный цвет по имени
  • класс Dimensions,
    который даёт ширину и высоту окна
← →
↑
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить