feat: Improve web support with StyleSheet when creating styles

[yuriazevedo11]

Goals

The idea of this PR is to improve web support using StyleSheet when styles are built.

Basically trying to address this comment.

Implementation:

Use StyleSheet.create inside composeRestyleFunctions.buildStyle().

Tests:


Existing tests passed without any modifications.

I also tested a build on another project:

• Deps: react-native-web ^0.13.3 and react-native ^0.63.0, works fine on both web and native;

• Inline styles on the web are gone, now react-native-web is applying CSS classes as expected;

[yuriazevedo11]

I have accepted the CLA :)

[miguelbermudez]

Hi @yuriazevedo11, I just came across restyle and have a use case with react-native-web. Does this PR address the first point in this comment: #20 (comment), specifically:

Add a way to pass the style prop object through a CSS-in-JS processor (e.g. styled-components or StyleSheet from react-native-web) to get css classes instead of inline styles.

[yuriazevedo11]

Hi @miguelbermudez. Yes, I've updated the composeRestyleFunctions.buildStyle() function, now it uses StyleSheet to create the final styles intead of using plain object. With this approach, the inline styles on the web were replaced by classes.

@JoelBesada Can you bring some feedback of this approach?

[nandorojo]

Using StyleSheet.create helps a lot for web performance. This PR looks like a big help. However, I think your prettier spacing is off.

[yuriazevedo11]

Yeah, you're right. I'll fix it later today

[idolize]

@drmas Any idea if this will be merged or not?