How can I merge styles when using withUnistyles?

[uniunitaro]

I'm trying to merge styles when using withUnistyles, and I'm encountering some issues. Here's a simplified code snippet to illustrate the problem:

const UniInput = withUnistyles(TextInput);

const Input = ({ style, ...otherProps }) => {
  // Attempt 1: Array of styles
  // return <UniInput style={[styles.input, style]} {...otherProps} />;

  // Attempt 2: Object spread
  // return <UniInput style={{ ...styles.input, ...style }} {...otherProps} />;

  return <UniInput style={styles.input} {...otherProps} />;
};

const styles = StyleSheet.create((theme) => ({
  input: {
    // some styles
  },
}))

I'm trying to merge additional styles with the base styles defined in component. Here's what I've tried and the errors I'm getting:

1. Using an array of styles style={[styles.input, style]}:
   • This results in the error: withUnistyles requires style to be an object.
2. Using the object spread operator style={{ ...styles.input, ...style }}:
   • This results in the error: withUnistyles received style that is not bound. You likely used the spread operator on a Unistyle style.

Therefore, I'm unable to merge additional styles with the styles defined in component by withUnistyles. How can I correctly merge styles in this scenario?

[jpudysz]

Hey, we removed this limitation in the PR. Will land in beta.5. For now on you should simply use array syntax. Unistyles won't throw errors anymore.