React-Native-Style-Sort

ljy

|
787 installs
| (0) | Free
Customizable Style Sort
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

React-Native-Style-Sort (Alpha)

This extension allows transforming hardcoding to be StyleSheet's children with editable naming. The user can select which sort-priority, and set clipboard or sheet.

F.A.Q.

  • How to use default setting?
    • When you wanna move to hard-coding to StyleSheet, just select line ( only style with bracket ), and then use stylesortsingleLine.

###[Release Notes - nothing yet HAHA

Settings

"react-native-style-sort.sortPriority"

Define the sortPriority used to reac-native-style. Accpets valid style only full name.

"react-native-style-sort.sortPriority": [
  "flex",
  "flexDirection",
  "top",
  "zIndex",
  ...
]

"react-native-style-sort.allowClipboard"

"react-native-style-sort.allowClipboard": true/false

Commands

Quick-start:

Nothing! HAHA

This is H1

This is H1