Video SDK Type and Version
react-native Video SDK 1.10.10
Description
Overlaying participant video tiles over the top of the main video doesn’t allow border radius to be applied on android
The ZoomView component generally doesn’t behave behave like a view on react native. for instance the only way to get it to respect absolute positioning is to make sure the video below is fullScreen={true}.
How To Reproduce
example code:
const overlayContainerStyle = {
borderRadius: 10,
height: 180,
width: 100,
overflow: hidden,
position: absolute,
top: 8,
right: 16,
}
const zoomViewStyle = {
width: "100%",
height: "100%"
}
<View>
<ZoomView
style={zoomViewStyle}
testID="videoCalls.participantView"
userId={userId}
sharing={false}
preview={false}
hasMultiCamera={false}
multiCameraIndex={"0"}
fullScreen={true}
videoAspect={VideoAspect.PanAndScan}
isPiPView={false}
/>
<View style={overlayContainerStyle}>
<ZoomView
style={zoomViewStyle}
userId={user.userId}
videoAspect={VideoAspect.PanAndScan}
/>
</View>
</View>
This bug is also present in your example app when downloading the RN 1.10.10 sdk