[Android] PiP player has incorrect layout (in react-navigation native stack controller)

[JasperH8g]

When entering the PiP on Android, layout seems sluggish and turnes out to be incorrect. In the small mode the video is scaled too large (cropping off part of the video), in large mode it's too small (adding whitespace).

I'm using react-navigation and a native stack navigator. When using a non-native stack-navigator, layout has way better performance and is also correct, but that of course, is not what we want.

Tested on react-native-theoplayer@8.18.0 and react-native-theoplayer@10.9.0.

[tvanlaerhoven]

Hi @JasperH8g , could you try enabling the THEOplayer_reparent_on_PiP flag in your gradle.properties file?
Then also set player.pipConfiguration.reparentPip = true.

The issue here is that on Android the whole Activity including its UI goes into PiP, keeping any offsets from the inline player. With the THEOplayer_reparent_on_PiP, the player will reparent itself on top of the view stack, just like in fullscreen. It then covers the whole pip window.

[JasperH8g]

@tvanlaerhoven yes, I can confirm that adding THEOplayer_reparent_on_PiP in gradle.properties and player.pipConfiguration.reparentPip = true in my player config resolves the issue, on 10.9.0.

Thanks!