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'
  }
});

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

创建后修改StyleSheet

1 个答案: