Метод select

Метод select класса Platform принимает объект с ключами ios, android, native и default. Возвращается значение для Platform.OS, при отсутствии ключа - значение default. Ключ native подходит для любой мобильной системы.

Синтаксис

const res = Platform.select({
	ios: 'abcde',
	android: '12345',
	default: 'abcde',
});

Параметры

Параметр	Описание
`ios`	Значение для iOS.
`android`	Значение для Android.
`native`	Значение для iOS и Android, если нет своего ключа.
`default`	Запасное значение для остальных систем.

Пример

Давайте получим строку для текущей системы:

import { Platform } from 'react-native';

const res = Platform.select({
	ios: 'abcde',
	android: '12345',
	default: 'abcde',
});
console.log(res);

Результат выполнения кода:

"abcde"

На iOS в консоли будет "abcde", на Android - "12345".

Пример

Давайте зададим разный отступ через select:

import { View, Text, Platform, StyleSheet } from 'react-native';

export default function App() {
	const pad = Platform.select({
		ios: 16,
		android: 12,
		default: 8,
	});

	return (
		<View style={[styles.box, { padding: pad }]}>
			<Text>abcde</Text>
		</View>
	);
}

const styles = StyleSheet.create({
	box: {
		flex: 1,
	},
});

На экране текст с отступом, который зависит от системы.

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

класс Platform,
который хранит OS и версию системы
перечисление PlatformOS,
которое описывает возможные имена системы
функция PlatformColor,
которая часто вызывается через select
функция DynamicColorIOS,
которая задаёт цвет только на iOS