'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 |
|---|
