StyleXStyles<>

允许任何由 StyleX 生成的样式的类型。

它还允许样式嵌套在数组中并具有任意深度。此外，始终接受null、undefined 和false。

此外，您可以传入一个对象类型以将样式限制为特定属性和值

import type {StyleXStyles} from '@stylexjs/stylex';

type Props = {
  // ...
  style?: StyleXStyles<{
    color?: 'red' | 'blue' | 'green';
    padding?: 0 | 4 | 8 | 16 | 32;
    backgroundColor?: string;
    borderColor?: string;
    borderTopColor?: string;
    borderEndColor?: string;
    borderBottomColor?: string;
    borderStartColor?: string;
  }>;
};

对象类型中未定义的任何键都将被禁止。

仅检查已知键

由于TypeScript 的限制，如果某个键不在您的自定义对象类型中，则仅当它是内部 StyleX 类型中已知的样式属性之一时，才会被禁止。

如果您传递额外的未知键，TypeScript 不会报错。