react-native-maps / react-native-maps

React Native Mapview component for iOS + Android
MIT License
15.16k stars 4.86k forks source link

Google Maps doesn't work on Ios outright #5224

Open proevilz opened 2 days ago

proevilz commented 2 days ago

Summary

When using provider="google" on an ios device, the map errors out.

Reproducible sample code

import React from 'react';
import MapView from 'react-native-maps';
import { StyleSheet, View } from 'react-native';

export default function App() {
  return (
    <View style={styles.container}>
      <MapView style={styles.map} provider="google"/>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
  map: {
    width: '100%',
    height: '100%',
  },
});

Reproducible on Snack: https://snack.expo.dev/HmvsU5kdanjZ3xj634vGx?platform=ios

Steps to reproduce

Add in a MapView with provider="google".

Expected result

The map to work

Actual result

Error screen

 (NOBRIDGE) ERROR  Warning: TypeError: Cannot read property 'bubblingEventTypes' of null

This error is located at:
    in AIRGoogleMap (created by MapView)
    in MapView (created by App)
    in RCTView (created by View)
    in View (created by App)
    in App
    in Unknown (created by Route(explore))
    in Suspense (created by Route(explore))
    in Route (created by Route(explore))
    in Route(explore) (created by SceneView)
    in StaticContainer
    in EnsureSingleNavigator (created by SceneView)
    in SceneView (created by BottomTabNavigator)

React Native Maps Version

1.18.0

What platforms are you seeing the problem on?

iOS (Google Maps)

React Native Version

0.76.2

What version of Expo are you using?

Not using Expo

Device(s)

Iphone 16 pro max (ios 18.1), snack emulator for iphone 16 pro

Additional information

No response

Ghabriel-elias commented 1 day ago

same issue