React Native Web中使用StyleSheet.create()触发WeakMap错误求助

你错误地把原始数值/字符串常量直接作为StyleSheet.create()的属性值传入了。StyleSheet.create()的设计目的是创建React Native样式规则对象，每个键对应的值必须是包含样式属性的对象（比如{ width: 200 }），而不是单独的数字、字符串这类基本类型。

移动端iOS/Android的React Native底层对这种错误兼容性较好，没触发报错，但Expo Web端的StyleSheet实现用WeakMap管理样式引用，WeakMap的键要求必须是对象或未注册的Symbol，当你传入数字1467这类基本类型时，直接违反了规则，所以抛出类型错误。

1. 单独提取全局常量，不要放在StyleSheet里：

// 单独定义全局可用的常量
const windowWidth = Dimensions.get('window').width;
const windowHeight = Dimensions.get('window').height;
const lightContrastColor = '#xxxxxx';
const darkContrastColor = '#yyyyyy';

2. 在StyleSheet的样式规则中引用这些常量：

const styles = StyleSheet.create({
  // 示例：实际样式规则，引用常量
  fullWidthContainer: {
    width: windowWidth,
    height: windowHeight
  },
  lightBackground: {
    backgroundColor: lightContrastColor
  },
  // 其他符合规范的样式规则...
});

StyleSheet.create()不是存储全局变量的容器，它的核心作用是对样式对象做优化（比如ID映射、减少重复创建），仅接受符合React Native样式语法的对象作为值。把常量和样式规则混在一起，本身就违背了它的设计逻辑。

内容的提问来源于stack exchange，提问作者Rob