Looking for react-native Keywords? Try Ask4Keywords

react-nativeStyling


Einführung

Stile werden in einem JSON-Objekt mit ähnlichen Stilattributnamen wie in CSS definiert. Ein solches Objekt kann entweder in die Stilvorgabe einer Komponente integriert werden, oder es kann an die Funktion StyleSheet.create(StyleObject) und für einen kürzeren Inline-Zugriff in einer Variablen gespeichert werden, indem ein Selektorname für eine Klasse verwendet wird in CSS.

Syntax

  • <Component style={styleFromStyleSheet} />
  • <Component style={styleObject} />
  • <Component style={[style1,style2]} />

Bemerkungen

Die meisten React Native-Stile sind ihre CSS-Formen, jedoch im Kamelfall. Also, text-decoration wird textDecoration .

Im Gegensatz zu CSS werden Stile nicht vererbt. Wenn Sie möchten, dass untergeordnete Komponenten einen bestimmten Stil erben, müssen Sie ihn explizit dem untergeordneten Element zur Verfügung stellen. Das bedeutet, dass Sie keine Schriftfamilie für eine gesamte View festlegen können.
Die einzige Ausnahme ist die Text : Verschachtelte Text erben ihre übergeordneten Stile.

Styling Verwandte Beispiele