Text Overlay Bild mit dunklerer Deckkraft Reaktion Nativ
Ich versuche, einen Titel über ein Bild zu legen - wobei das Bild mit einer geringeren Deckkraft abgedunkelt wird. Der Opazitäts-Effekt ändert jedoch auch den überlagernden Text - und macht ihn dadurch dunkel. Irgendeine Reparatur zu diesem? Hier ist wie es aussieht:
Und hier ist mein Code für die benutzerdefinierte Komponente (Artikelvorschau - das obige Bild ist eine Reihe von Artikelvorschau Komponenten):
%Vor%3 Antworten
Die Opazität wirkt sich auf die gesamte Ansicht aus. Versuchen Sie stattdessen 2 Ansichten. Eine, die mit dem enthaltenen Bild absolut positioniert ist. Ein weiterer mit Ihrem Text und Button Inhalt.
Sie können eine Ansicht absolut positionieren mit der Position: "absolut", oben: 0, links: 0
Ich löse meine Arbeit mit Hintergrund innerhalb des Bild-Tags und es funktioniert gut. wie das
%Vor%Tags und Links javascript image react-native overlay opacity