Native mit Redux reagieren: Was ist eine gute Möglichkeit, dynamische Stile zu speichern?

Question

Ich erstelle eine App mit einigen Stilunterschieden im Portrait-Landscape-Rendering. Zum Beispiel kann die Höhe der Navigationsleiste unterschiedlich sein und es gibt mehrere Größen, die ich streng kontrollieren möchte, um sicherzustellen, dass bestimmte Steuerelemente/Texte ohne Scrollen auf den Bildschirm passen.

Es geht mir gut, Stylesheets dynamisch zu berechnen oder sie entweder mit eigenen Dienstprogrammen oder Hilfsprogrammen wie react-native-extended-stylesheet zu speichern. Wo die berechneten Blätter für die Hochformat-Landschaft gespeichert werden?

Mögliche Optionen 1. Eine Modulebenevariable in meinem style.js. Möglicherweise auf Anfrage berechnet und später zwischengespeichert. Ich würde jedoch Bildschirmgröße zu ihm übergeben müssen 2. Machen Sie Stile ein Teil eines Staates und aktualisieren Sie es auf Ausrichtung Änderungen Aktion 3. Alles andere

Was macht am meisten Sinn? Was verwendest du in deinen Anwendungen?

Answer 1

Ich denke, eine Stylesheet-Bibliothek sollte Caching-Stile für Querformat/Hochformat-Layouts kümmern und Entwickler sollte nur Stile und Komponentenlogik schreiben.
Ich arbeite gerade daran: https://github.com/vitalets/react-native-extended-stylesheet/issues/9
Bis es fertig ist denke ich, die beste Option ist es, auf Modulebene zu cachen.

Das Einfügen von Stilen in den Komponentenstatus wird mit Logikdaten gemischt, die nicht gut zu sein scheinen.