React Native - Jaka jest korzyść z używania StyleSheet vs zwykłego obiektu?

Question

Jaka jest dokładnie korzyść z używania StyleSheet.create() kontra zwykły obiekt?

const styles = StyleSheet.create({ 
    contianer: { 
    flex: 1 
    } 
} 

Vs.

const styles = { 
    contianer: { 
    flex: 1 
    } 
} 

Answer 1

Cytując bezpośrednio z sekcji komentarz StyleSheet.js z React natywną jakość

Kod:

• Przesuwając style od funkcji renderowania, robisz kod łatwiej Rozumiesz.

• Nazewnictwo stylów jest dobrym sposobem na dodanie znaczenia do komponentów niskiego poziomu w funkcji renderowania.

Wydajność:

• Tworzenie stylów z obiektu w stylu pozwala odwoływać się do niego przez ID zamiast tworzyć nowy obiekt styl za każdym razem.

• Pozwala również wysłać styl tylko raz przez most. Wszystkie kolejne zastosowania będą zawierały identyfikator (jeszcze nie zaimplementowany).

także Stylsheet sprawdza zawartość stylehsheet również. Tak więc każdy błąd nieprawidłowej właściwości stylu jest wyświetlany w czasie kompilowania, a nie w czasie wykonywania, gdy arkusz stylów jest faktycznie zaimplementowany.