TwilioVideoLocalView black on Android

Steps to reproduce

import React, { Component } from "react";
import { PermissionsAndroid, Platform, StyleSheet, View } from "react-native";
import { TwilioVideo, TwilioVideoLocalView } from "react-native-twilio-video-webrtc";

export default class App extends Component {
 componentDidMount() {
    if (Platform.OS !== "android") {
      return;
    }

    PermissionsAndroid.requestMultiple([
      PermissionsAndroid.PERMISSIONS.CAMERA,
      PermissionsAndroid.PERMISSIONS.RECORD_AUDIO
    ]);
  }

  render() {
    return (
      <View style={styles.container}>
        <TwilioVideoLocalView enabled={true} style={styles.container} />
        <TwilioVideo ref={c => (this.twilioVideo = c)} />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1
  }
});

Expected behaviour

Should show a live view of the camera

Actual behaviour

Shows a black screen while on iOS it shows the camera. No errors or anything else.

Environment

• Node.js version: v8.11.2
• React Native version: 0.55.4
• Android Gradle Settings:

compileSdkVersion 26
buildToolsVersion "26.0.2"
minSdkVersion 16
targetSdkVersion 26

compile "com.android.support:appcompat-v7:26.1.0"

react-native-twilio-video-webrtc

Version: “master”

[avhm]

Having this exact issue,

On Android, the TwilioVideoLocalView only shows the local camera feed once connected (in our use-case the call won’t always connect immediately) leaving the android user staring at a black screen, where on iOS it shows the camera feed.

What did you do to fix this @emin93 ?

[Edit] - after a call has been connected once, creating another call shows the camera view correctly until the app is restarted

[vaishnavtn]

Any update on this issue?.