When I play video in full screen with device on portrait position and exit, it’s all fine. However, when I play video in full screen, turn the device to landscape and exit, the layout of the whole app gets completely messed up.
package.json
{
“main”: “node_modules/expo/AppEntry.js”,
“scripts”: {
“start”: “expo start”,
“android”: “expo start --android”,
“ios”: “expo start --ios”,
“web”: “expo start --web”,
“eject”: “expo eject”
},
“dependencies”: {
“@react-native-community/netinfo”: “^4.6.0”,
“expo”: “^35.0.0”,
“expo-av”: “^7.0.1”,
“expo-barcode-scanner”: “~7.0.0”,
“expo-constants”: “~7.0.0”,
“expo-device”: “^1.0.0”,
“expo-font”: “~7.0.0”,
“expo-image-picker”: “~7.0.0”,
“expo-intent-launcher”: “~7.0.0”,
“expo-localization”: “^7.0.0”,
“expo-permissions”: “~7.0.0”,
“expo-speech”: “^7.0.0”,
“expo-task-manager”: “~7.0.0”,
“expo-video-player”: “^1.5.1”,
“firebase”: “^6.3.3”,
“native-base”: “^2.13.5”,
“prop-types”: “^15.7.2”,
“react”: “16.8.3”,
“react-dom”: “16.8.3”,
“react-native”: “0.59.10”,
“react-native-animatable”: “^1.3.3”,
“react-native-animated-flatlist”: “0.0.3”,
“react-native-app-intro-slider”: “^2.0.1”,
“react-native-button”: “^2.4.0”,
“react-native-camera-kit”: “^8.0.0”,
“react-native-device-info”: “^2.3.2”,
“react-native-elements”: “^1.1.0”,
“react-native-gesture-handler”: “~1.3.0”,
“react-native-htmlview”: “^0.15.0”,
“react-native-image-gallery”: “^2.1.5”,
“react-native-modal”: “^11.4.0”,
“react-native-modal-datetime-picker”: “^7.6.0”,
“react-native-parallax-swiper”: “^1.1.7”,
“react-native-parsed-text”: “0.0.21”,
“react-native-picker-select”: “^6.3.0”,
“react-native-reanimated”: “~1.2.0”,
“react-native-render-html”: “^4.1.2”,
“react-native-scalable-image”: “^1.0.0”,
“react-native-scrollable-tab-view”: “^0.10.0”,
“react-native-simple-animations”: “^0.2.1”,
“react-native-tts”: “^3.0.0”,
“react-native-unimodules”: “0.6.0”,
“react-native-vector-icons”: “^6.6.0”,
“react-native-web”: “^0.11.7”,
“react-native-webbrowser-with-back”: “^1.0.36”,
“react-native-webview”: “^7.5.1”,
“react-navigation”: “^4.0.6”,
“react-navigation-drawer”: “^2.0.0”,
“react-navigation-stack”: “^1.10.2”,
“react-navigation-tabs”: “^2.5.6”,
“react-redux”: “^7.1.0”,
“redux”: “^4.0.4”,
“shorthash”: “0.0.2”
},
“devDependencies”: {
“babel-preset-expo”: “^7.0.0”
},
“private”: true
}
app.json
{
“expo”: {
“privacy”: “public”,
“sdkVersion”: “35.0.0”,
“platforms”: [
“ios”,
“android”,
“web”
],
“version”: “1.0.0”,
“orientation”: “portrait”,
“icon”: “./assets/icon.png”,
“splash”: {
“image”: “./assets/splash.png”,
“resizeMode”: “cover”,
“backgroundColor”: “#156aa7”
},
“updates”: {
“fallbackToCacheTimeout”: 0
},
“assetBundlePatterns”: [
“**/*”
],
“ios”: {
“supportsTablet”: true,
“bundleIdentifier”: “com.revert.project”
},
“description”: “”,
“androidStatusBar”: {
“barStyle”: “light-content”,
“backgroundColor”: “#000”
},
“androidNavigationBar”: {
“visible”: false,
“barStyle”: “light-content”,
“backgroundColor”: “#000”
}
}
}