eslint-plugin-react-native
eslint-plugin-react-native copied to clipboard
Custom StyleSheet ordering?
Hi, I have my tastes when ordering my StyleSheet styles props. Alphabetical order isn't good for me.
For example, I have +- at this order: flex stuff, width/height, margins, paddings, colors...
I am now doing it manually, but of course an automated way would be very nice.
What I suggest is having an array of the keys in the desired order, like ['flex', 'flexDirection', 'height', 'width']
... This would be user-configurable, but I would be happy to set a default for it, if using the option to use it.
Any style in the StyleSheet not defined in that array wouldn't be sorted, or could be pushed down for an easier code.
Something like https://github.com/hudochenkov/postcss-sorting