Add fix suggestion for inline style (#1)

[ahoseinian]

Fixes #254 This is an attempt to add a suggestion for the rule no-inline-styles. there are two different ways that the suggestion would act.

• if there are no StyleSheet.create nodes are defined in the document creates one and puts the styles in.

from

<View style={{flex:1}} />

to

<View style={styles.viewStyle} />

const styles = Stylesheet.create({ viewStyle: { flex: 1 } });

second, if there is already a StyleSheet node defined:

from

<View style={{flex:1}} />
const styles = Stylesheet.create({ container: { flex: 1 } });

to

<View style={styles.viewStyle} />

const styles = Stylesheet.create({container: { flex: 1 },  viewStyle: { flex: 1 } });

[andreialecu]

@Intellicode any chance you could take a look at this?

It would be an incredible auto-fix for productivity.

[Intellicode]

@ahoseinian Thanks for your PR! @andreialecu I will have to check it, I personally have not worked on react native for a long time, so judging this will take a bit longer, sorry!

[sonarqubecloud[bot]]

Kudos, SonarCloud Quality Gate passed!

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
No Duplication information