eslint-plugin-react-native
eslint-plugin-react-native copied to clipboard
Ensure each style property is on its own line when inside StyleSheet.create()
I usually first add my component styles inline and on the same line, if I expect them to be simple and unique. If they get too complex or are reused, I transfer them to the StyleSheet.create() in the bottom of the code.
For example, just dropped { color: '#141C4D', fontFamily: F.SF_Pro_Text_Medium, fontSize: 15, paddingHorizontal: 10, paddingVertical: 10 }
there. Then I have to put a new line after each property.
I would really like a rule to have all styles properties in their own lines to save me some time.
you can use prettier to fo that