'React Native WebView - Can't access to camera with Expo

I am trying to create a WebView that accesses the camera while the session. In Android - the WebView can't find the camera and throw an error. In IOS - the WebView opens the camera, but only the front camera is in "Live Broadcast" mode.

My Code:

useEffect(() => {
        (async () => {
          const { status } = await BarCodeScanner.requestPermissionsAsync();
          setHasPermission(status === 'granted');
        })();
        (async () => {
          const { status } = await Camera.requestCameraPermissionsAsync();
          setHasCameraPermission(status === 'granted');
        })();
        (async () => {
          const { status } = await Location.requestForegroundPermissionsAsync();
          setHasLocationPermission(status === 'granted');
        })();
        (async () => {
          const { status } = await ImagePicker.requestMediaLibraryPermissionsAsync();
          setHasCameraPermission(status === 'granted');
        })();
        (async () => {
          const { status } = await Network.requestMediaLibraryPermissionsAsync();
          setHasInternetPermission(status === 'granted');
        })();
        (async () => {
          const { status } = await Audio.requestPermissionsAsync();
          setHasInternetPermission(status === 'granted');
        })();
 
      }, []);

app.json:

{
  "expo": {
    "name": "React_Native_Secure.Me_WebView",
    "slug": "React_Native_Secure.Me_WebView",
    "version": "1.0.0",
    "orientation": "portrait",
    "icon": "./assets/icon.png",
    "userInterfaceStyle": "light",
    "splash": {
      "image": "./assets/splash.png",
      "resizeMode": "contain",
      "backgroundColor": "#ffffff"
    },
    "updates": {
      "fallbackToCacheTimeout": 0
    },
    "assetBundlePatterns": [
      "**/*"
    ],
    "ios": {
      "supportsTablet": true
     
    },
    "android": {
      "adaptiveIcon": {
        "foregroundImage": "./assets/adaptive-icon.png",
        "backgroundColor": "#FFFFFF",
        "permissions": [ "CAMERA", "WRITE_EXTERNAL_STORAGE", "READ_EXTERNAL_STORAGE", "ACCESS_FINE_LOCATION", "INTERNET", "RECORD_AUDIO"],
        "versionCode": 3
      }
    },
    "web": {
      "favicon": "./assets/favicon.png"
    }
  }
}

Thank you in advance!



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source