Black screen is rendering for participant view

[Rohan403]

Steps to reproduce

1. TwilioVideoParticipantView is coming in a black screen when i connect to video call
2. When the participant joins first and after that I join this issue comes

Expected behaviour

The black screen should not come initially if the participant joins first

Actual behaviour

Their behaviour is inconsitent, when is try to camera on/off.

Environment

• **Node.js version:v16.20.1
• **React Native version: 0.72.5
• React Native platform + platform version: iOS 9.0

react-native-twilio-video-webrtc

**Version: "react-native-twilio-video-webrtc": "^3.2.0

[Rohan403]

here is the attached issue

[greenraze13]

Facing same issue

[Rohan403]

were you connecting from web to mobile? Like in mine the problem arises when I try to connect from my mobile and the other one is from the web. And this problem is coming from android and my current android version is 13

[agusvazquez]

Hello! I am seeing the same here. It works the first time but when I go back and join again it doesn't.

I am using the following library version.

"react-native": "0.76.5",
"react-native-screens": "^4.3.0",
"react-native-twilio-video-webrtc": "^3.2.1"

I verified my code and by logging, all the props from TwilioVideoParticipantView component are populated correctly.

Any ideas?

[flexbox]

The problem is not related to the library but from the Camera it self on Android.
It happened to me as well with Samsung phones.

Can you try to

import { useIsFocused } from "@react-navigation/native";


{useIsFocused() && (
  <Camera style={{ height: "100%" }} ref={(e) => setCamera(e)} />
)}

see expo/expo#25308

[agusvazquez]

Thanks @flexbox will try it out