Erstellen Sie ein gedrehtes Textbanner (Trapez) über dem Bild in React Native
Wie kann ich einen gedrehten Banner so machen wie Tidal hier?
Ich habe versucht, ein Trapez zu machen und es um 45 Grad nach Ссылка zu drehen Platzieren Sie dann einen gedrehten Text darüber, aber es ist sehr schwierig, ihn an den Rändern auszurichten.
%Vor%Ich habe auch darüber nachgedacht, zuerst ein großes Dreieck und dann ein kleineres Dreieck oben zu machen (einen Teil des großen Dreiecks zu verstecken), so dass nur das Banner sichtbar ist, und dann einen gedrehten Text, aber seit dem Bild dahinter ist nicht einfarbig, es ist nicht möglich, eine Hintergrundfarbe für das kleinere Dreieck zu wählen, das das größere Dreieck verdeckt.
Das einfachste muss so etwas sein
%Vor%aber dann muss ich die Position manuell entsprechend der Größe des Textes ändern, und die Grenzen des Rechtecks werden aus dem Bild herausragen.
2 Antworten
Dies scheint mit einer absoluten Position zu funktionieren, die innerhalb der Bannerklasse transformiert wird, anstatt die Ansicht oder das Bild zu transformieren:
%Vor%ODER, abhängig davon, wie Sie Ihre Klassen in Ihr HTML-Blatt einbetten möchten und wie Sie die Proportionsgrößen anpassen können,
%Vor%Tags und Links javascript react-native reactjs