CSS-Dreiecke in Native React

Question

CSS-Dreiecke in Native React

8

Ich arbeite an einer App, die Dreiecke verwendet, die andere Container / divs überlagern. Hatte das vorher mit CSS gelöst:

%Vor%

aber das funktioniert in React nicht mehr. Was ist die beste Lösung, um hier zu gehen?

react-native reactjs stylesheet

Patrick 13.05.2015, 13:51

quelle

3 Antworten

13

Es ist immer noch möglich, Dreiecke in React Native mit dem CSS-Trick zu zeichnen. Ich schrieb eine Klasse, um dies zu kapseln: Ссылка

Wenn Sie es selbst schreiben möchten, habe ich dieses Werkzeug verwendet: Ссылка , um das Dreieck zu erzeugen Ich wollte und ändere die Styles in Reactive Native Syntax.

Zum Beispiel liest ein Isosceles-Dreieck 90x90, das in CSS nach oben zeigt:

%Vor%

Aber in React Native wären die Stile:

%Vor%

Jpoliachik 14.10.2015 13:12

quelle

1

Warum nicht eine dedizierte Bibliothek verwenden? Ссылка

Yaron Levi 27.09.2016 14:21

quelle

Tags und Links react-native reactjs stylesheet

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Wie blende ich den App-Namen aus der Titelleiste in Android aus?

score 0 · Accepted Answer

Der beste Weg, dies zu tun, ist eine <Image> -Komponente zu erstellen und absolut zu positionieren, ähnlich wie bei einem reinen CSS-Dreieck. Wenn das Dreieck eine flache Farbe hat, im Gegensatz zu einem Farbverlauf oder einem anderen Muster, können Sie seine Farbe mit der Eigenschaft tintColor style festlegen.

Beispiel:

%Vor%