StaticStyles<>

一种仅允许 StyleX 生成的静态样式并禁止内联样式的类型。即，使用函数定义的动态样式不允许。

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

此外，您可以传入一个对象类型以将样式约束到特定的属性和值

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

type Props = {
  // ...
  style?: StaticStyles<{
    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 不会报错。