Изменить таблицу стилей после создания

Question

Как создавать разные таблицы стилей по типу устройства и не повторять код?

Мне нужно что-то вроде этого:

const styles = StyleSheet.create({...})

if device == 'tablet' {
    styles.button.color = 'blue';
}

(Thx!)

Answer 1

Вы можете определить тип устройства, используя пакет react-native-device-info, и затем вы можете проверить его в следующем примере:

import DeviceInfo from 'react-native-device-info';

const styles = StyleSheet.create({
  button: {
    color: (DeviceInfo.isTablet()) ? 'blue' : 'red'
  }
});

Если устройство работает на планшете, цвет кнопки синий, если на устройстве нет планшета, цвет кнопки красный.