Warum sollte ich natives StyleSheet react verwenden?

Question

Warum sollte ich dieses:

const styles = StyleSheet.create({ 
    ... 
}); 

statt dessen:

const styles = { 
    ... 
}; 

Eigenschaften, die Stylesheet scheinen nicht sehr nötig mir zur Verfügung stellt.

Answer 1

Hauptvorteile scheinen, um die Leistung bezogen werden:

Einen Sheet aus einem Style-Objekt ermöglicht es, durch ID es zu verweisen, statt einen neuen Stil Objekt jedes Mal zu schaffen.

Es auch ermöglicht, den Stil nur einmal durch die Brücke zu senden. Alle nachfolgenden Verwendungen beziehen sich auf eine ID (noch nicht implementiert).

Weitere Vorteile können sein:

• die Stütze absoluteFill zu

  verwendet

  Overlays erstellen mit Position absolut und Nullstellung

  und

• flatten Funktion, die

  eine Anordnung von Objekten Stil Fasst, in einem aggregierten Objekt Stil.

Sourcesfrom: https://facebook.github.io/react-native/docs/stylesheet.html

Von dem, was ich gesehen habe, beide arbeiten (normal Objekt, Stylesheet-Objekt) wenn der Stil einer Komponente einstellen, auch wenn Sie ein Array von Objekten passieren .

Die Style-Prop kann ein einfaches altes JavaScript-Objekt sein. Das ist die einfachste und was wir normalerweise zum Beispiel Code verwenden. Sie können auch ein Array von Stilen übergeben - der letzte Stil im Array hat Vorrang, also können Sie damit Styles erben.

Quelle: http://facebook.github.io/react-native/docs/style.html#content

Also für einfache Arten I mit einem normalen Objekt, für komplexe gehen würde ich mit einem Stylesheet-Objekt gehen würde.

Der einzige Nachteil, dass ich gefunden, wenn das Stylesheet-Objekt ist, dass Sie nicht einen Vergleich ähnliche styles.myNiceComponent.backgroundColor === 'blue'

Mehr Informationen zu diesem Nachteil hier machen: Why can't we check a style attribute of a react-native app?