I use the expo av video with videoRef.current.presentFullscreenPlayer(); to play the video in fullscreen on a button press.
The navigation bar is displayed white although I have the following entry in the app.json:
“androidNavigationBar”: {
“barStyle”: “light-content”,
“backgroundColor”: “#000000”
},
“androidStatusBar”: {
“barStyle”: “light-content”,
“backgroundColor”: “#14143C”
},
which is used in all other views.
What could be the reason for this?
How can i fix this?
"dependencies": {
"@expo/vector-icons": "^12.0.5",
"@react-native-async-storage/async-storage": "^1.15.9",
"@react-navigation/drawer": "^6.1.8",
"@react-navigation/native": "^6.0.6",
"@react-navigation/native-stack": "^6.2.5",
"@react-navigation/stack": "^6.0.11",
"axios": "^0.24.0",
"expo": "^43.0.2",
"expo-asset": "~8.4.3",
"expo-av": "~10.1.3",
"expo-constants": "~12.1.3",
"expo-font": "~10.0.3",
"expo-linear-gradient": "~10.0.3",
"expo-linking": "~2.4.2",
"expo-screen-orientation": "~4.0.3",
"expo-splash-screen": "~0.13.5",
"expo-status-bar": "~1.1.0",
"expo-updates": "~0.10.5",
"react": "17.0.1",
"react-dom": "16.13.1",
"react-native": "0.64.2",
"react-native-gesture-handler": "^1.10.3",
"react-native-reanimated": "^2.2.3",
"react-native-safe-area-context": "3.3.2",
"react-native-safe-area-view": "^1.1.1",
"react-native-screens": "3.8.0",
"react-native-svg": "12.1.1",
"react-native-system-navigation-bar": "^1.0.2",
"react-native-web": "~0.13.12"
},
"devDependencies": {
"@babel/core": "^7.9.0",
"@types/react": "~16.9.35",
"@types/react-native": "~0.63.2",
"react-native-svg-transformer": "^0.14.3",
"typescript": "^4.4.4"
},