Variants as boolean

[lobor]

Hi, how are you ?

I'm come back for another question 😀 (related to #115)

I try to set a variant as boolean

Base code

const example = ({ brand = false }: { brand?: boolean } = {}) => {
  useStyles(sheet, { brand });
};

const sheet = createStyleSheet({
  base: {
    variants: {
      brand: {},
    },
  },
});

with this code, i have typescript error (normal behavior)

When i put true typescript detect as string

Is there currently a way to do this?

I suppose should change logic parsing and typescript type

[jpudysz]

Hello 👋,

This is an incorrect method of handling variants. Variants should belong to variant groups (such as “brand”), and then have variants (like “true”) with valid RN styles.

To select the variant you named “true,” you need to pass the string “true.” You cannot cast it to a Boolean.

Variants cannot be selected using booleans. They must be selected by their names (strings).

[lobor]

In the future, will this be a feature that will be implemented?

[jpudysz]

No, I don’t think so. You can create multiple variants and select them with a string. For a Boolean, you would need to have only two variants, which is an unnecessary restriction.

[jpudysz]

I received another request for it, I'm willing to support it soon. Thanks for your feedback!

[jpudysz]

PR: #134