MapView from React-Native-Maps appears as a grey block on Android
See original GitHub issueEdit from Expo, see the latest status of this issue here.
Summary
When running any app following the instructions on https://docs.expo.dev/versions/latest/sdk/map-view the map appears as a gray block on android. NOTE iOS seems to be working fine?

Managed or bare workflow? If you have made manual changes inside of the ios/
or android/
directories in your project, the answer is bare!
managed
What platform(s) does this occur on?
Android
Package versions
"dependencies": {
"expo": "^46.0.0",
"expo-status-bar": "~1.4.0",
"react": "18.0.0",
"react-dom": "18.0.0",
"react-native": "0.69.3",
"react-native-web": "~0.18.7",
"react-redux": "^8.0.2",
"react-native-maps": "0.31.1"
},
Environment
expo-env-info 1.0.5 environment info:
System:
OS: Linux 5.18 Pop!_OS 21.10
Shell: 5.1.8 - /bin/bash
Binaries:
Node: 16.13.1 - /usr/local/lib/node/nodejs/bin/node
npm: 8.1.2 - /usr/local/lib/node/nodejs/bin/npm
npmPackages:
expo: ^46.0.0 => 46.0.2
react: 18.0.0 => 18.0.0
react-dom: 18.0.0 => 18.0.0
react-native: 0.69.3 => 0.69.3
react-native-web: ~0.18.7 => 0.18.7
npmGlobalPackages:
expo-cli: 6.0.1
Expo Workflow: managed
Reproducible demo
https://snack.expo.dev/xdxj1hUb7
Stacktrace (if a crash is involved)
N/A
Issue Analytics
- State:
- Created a year ago
- Comments:25 (12 by maintainers)
Top Results From Across the Web
Map is rendering gray using react native - Stack Overflow
I'm doing a project in React Native and I want to put a map using the Google Maps API. But I'm having a...
Read more >react-native-maps - npm
This MapView component is built so that features on the map (such as Markers, Polygons, etc.) are specified as children of the MapView...
Read more >Google Maps Platform FAQ
Google Maps SDK for Android. How do I resolve the error: 9001 Operation failed due to exceeding the quota usage limit ? My...
Read more >Create a carpooling app with React Native - Part 2 - Pusher
This two-part series uses React Native, Docker and several Google services (Maps, Places, Directions and Geocoding) to create a carpooling ...
Read more >React Native Map components for iOS + Android - Morioh
source-js-jsx import { Marker } from 'react-native-maps'; <MapView ... locally within device using xyz tiling scheme and displayed as tile overlay as well....
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
It is not SDK 46 problem! @brentvatne @da45
With SDK 45, Expo Go 2.25.1 grey block on android, crash on ios. With SDK 46, Expo GO 2.25.1 grey block on android, crash on ios.
But, With SDK 45, Expo Go 2.24.3 work.
How to downgrade Expo 45 with Expo Go 2.24.3.
Now you can wait for fix Expo Go problem 😃
you can create a development build of your app with your own api key, without needing to use ‘bare workflow’: https://docs.expo.dev/development/introduction/