Ich begann eine mobile App mit nativescript zu entwickeln, alles lief gut, bis ich merkte, dass ich den Stil nicht so anpassen konnte, wie ich es wollte. Zum Beispiel kann ich den Rand nicht auf eine Schaltfläche wie border-width: 1 0 0 1 setzen. Gibt es eine Möglichkeit, das Styling-Verhalten zu erweitern? Ich überlege mir, mit der Verwendung von ionic :(Einschränkungen von Nativescript style
Ab NativeScrtip Version 2.4.0 (die nächste Version), wird diese Funktionalität verfügbar sein, was bedeutet, dass Sie in der Lage sein werden, eine gemeinsame Grenze mit
border-width:0 2 2 0;
border-color: red;
erstellen Wenn Sie es jetzt testen wollen (vor der Veröffentlichung von 2.4.0) entferne dann tns-core-modules und installiere die @ next-Version.
tns plugin remove tns-core-modules
tns plugin add [email protected]
Sie können auch einen Blick at this issue, um zu sehen, was man mit den neuen Grenzen Implementierung tun können
ab sofort pro Seite Grenzen sind nicht verfügbar mit der CSS Subset NativeScript ausgesetzt. Sie sind ein PITA auf iOS zu tun, die gute Nachricht ist das Kernteam weiß dies und ich glaube, dass es in den letzten Wochen priorisiert wurde.So erwarte ich, dass es in einer kommenden Veröffentlichung möglich sein wird.
Mit all dem gesagt, wenn Sie einen bestimmten Fall haben, können Sie es immer noch mit NativeScript erreichen, aber es ist nicht So einfach wie die CSS-Border Styling.Erinnern Sie sich nur, dass die CSS-Styler in NativeScript den nativen Methoden/Eigenschaften zugeordnet werden, um native Komponenten zu stylen, also ist es großartig, in der Lage zu sein, CSS zu verwenden, obwohl es nicht mit der großen CSS ist Browser haben, es wird besser jedes Release
Wenn Sie jetzt pro Seite einen Rahmen erstellen möchten, können Sie ein Stapellayout mit einer Höhe von 1 verwenden und die Hintergrundfarbe festlegen. Für ein 4-seitiges Objekt würden Sie also ein Rasterlayout verwenden und einen Stapel auf die erste und dritte Zeile setzen, Ihre Komponente auf die mittlere (2.) Zeile und dann einen Stapel auf die erste und 3 Spalten (0 & 1 Werte). Wiederum, ich weiß, dass es nicht ideal ist, aber es ist nur eine Einschränkung für jetzt, dass es nicht in der CSS-Teilmenge für NativeScript ausgesetzt ist. Ich habe die Quelle oder Probleme für Updates seit einiger Zeit nicht überprüft, aber es wird jetzt an etwas gearbeitet, um diese Funktionalität zu aktivieren. Hoffe das hilft einigen. Wenn Sie etwas Code haben und Hilfe benötigen, teilen Sie bitte und ich kann mehr helfen.
So froh, dass ich verpasst, dass die Grenzen sind in 2.4 jetzt :) fantastisches material –