创建后修改StyleSheet

Question

如何按设备类型创建不同的样式表，不重复代码？

我需要这样的东西：

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

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

（谢谢 ！）

Answer 1

您可以使用react-native-device-info包检测设备类型，接下来您可以将其验证为以下示例：

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

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

如果设备是平板电脑按钮颜色为蓝色，当设备不是平板电脑按钮颜色为红色。