question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

MapView from React-Native-Maps appears as a grey block on Android

See original GitHub issue

Edit 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:closed
  • Created a year ago
  • Comments:25 (12 by maintainers)

github_iconTop GitHub Comments

6reactions
hlthicommented, Aug 13, 2022

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.

- Delete Expo Go app from Simulator and Real Device.
1. expo upgrade 45
 - Downgrade to sdk 45, because  Expo Go 2.24.3  doesn't support Expo SDK 46.
3. expo start
  - Expo , automatically install expo go 2.24.3.

Now you can wait for fix Expo Go problem 😃

2reactions
brentvatnecommented, Aug 12, 2022

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/

Read more comments on GitHub >

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

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found