eslint-plugin-react-native icon indicating copy to clipboard operation
eslint-plugin-react-native copied to clipboard

Custom StyleSheet ordering?

Open SrBrahma opened this issue 2 years ago • 1 comments

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.

SrBrahma avatar Mar 02 '22 06:03 SrBrahma

Something like https://github.com/hudochenkov/postcss-sorting

limpbrains avatar Apr 23 '22 19:04 limpbrains