neoris/openvidu-livekit-tutorials
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

react-native-webrtc: force rendering view after reconnection

Browse Source
This commit is contained in:
csantosm 2021-10-15 12:53:00 +02:00
parent ceb58d28be
commit fc2a2cdf08
1 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
openvidu-react-native/App.js
View File

@ -30,6 +30,7 @@ export default class App extends Component<Props> {
audio: true,
speaker: false,
joinBtnEnabled: true,
isReconnecting: false,
};
}
@ -127,15 +128,17 @@ export default class App extends Component<Props> {
});
// On reconnection events
mySession.on('reconnecting', () => console.warn('Oops! Trying to reconnect to the session'));
mySession.on('reconnecting', () => {
console.warn('Oops! Trying to reconnect to the session');
this.setState({ isReconnecting: true });
});
mySession.on('reconnected', () => {
console.log('Hurray! You successfully reconnected to the session');
setTimeout(() => {
// Updated state and rendering the view avoiding frozen streams
const subs = this.state.subscribers;
this.setState({ subscribers: [] });
this.setState({ subscribers: subs });
}, 1000);
// Force re-render view updating state avoiding frozen streams
this.setState({ isReconnecting: false });
}, 2000);
});
mySession.on('sessionDisconnected', (event) => {
if (event.reason === 'networkDisconnect') {