Ändern Sie das übergeordnete Element der reagierenden nativen Videokomponente, ohne das Unmounten durchzuführen

8

Ich versuche, eine Bild-in-Bild-Funktion auf dem iPhone zu erstellen, indem ich mit dem reagierenden nativen Video reagiert Komponente. Ich habe zwei Elemente, eines ist der Video-Player, und das andere ist ein Bild, das absolut oben auf dem Player in der unteren rechten Ecke positioniert ist.

%Vor%

Ich möchte das Video abspielen und dann Mid-Play spielen und die Eigenschaft swapPip wechseln können, so dass das Video jetzt der Pip ist und das Bild in der Hauptansicht ist. Der Catch ist das Video muss weiterhin reibungslos durch den Übergang spielen. Momentan wird es jedes Mal erneut installiert, wenn der Austausch stattfindet, wodurch das Video verloren geht und ein lästiges Nachladen und andere unerwünschte Nebenwirkungen verursacht werden. Ist das möglich?

Hier ist ein grobes Bild der Idee. Die grauen Kästchen stehen für den Videoplayer, das Rosa für das Bild. Durch Klicken auf die kleinere Box (egal welche Farbe) werden die beiden vor und zurück getauscht. Der Austausch sollte jederzeit erlaubt sein, und wenn während eines Tauschs ein Video abgespielt wird, sollte die Wiedergabe in keiner Weise unterbrochen werden.

    
Robby Allsopp 01.11.2016, 22:07
quelle

1 Antwort

1

Ich denke, das stellte sich als eine dumme Frage heraus, denn zIndex ist jetzt eine Sache in react-native . Es ist in den Dokumenten und allem, und funktioniert genau so, wie Sie es erwarten würden:

> %Vor%

Aus irgendeinem Grund hatte ich den Eindruck, dass zIndex nicht existierte / in react-native arbeitete, und dass die Anordnung Ihrer Elemente der einzige Weg war, um Ebenen zu erstellen ...

    
Robby Allsopp 02.11.2016 16:30
quelle

Tags und Links