CODEWITHSUNDEEP
react-native
Jonathan Tuzman
Jonathan Tuzman

Reputation: 13262

Using native modules like Google Maps in a React Native app and Expo

Relatively new to React Native, I’m using AirBnb’s react native maps package in my app, and all the tutorials talk about getting Google Maps (rather than Apple Maps) to work in iOS by going into my iOS folder and managing the cocoapods dependencies etc.

I don’t completely remember, but I created my app with expo init, or maybe with create-react-native-app, and I don’t have an iOS folder. From what I’ve read it looks like I can get the separate folders by ejecting my app.

Here is what my actual question is about: The question is basically “Can I use Google Maps in an iOS MapView and still code my app in React Native and run it in Expo in both Xcode simulator and Android emulator, and still have hot/live loading?”

You could abstract the question just a bit and phrase it as “Can I follow the instructions on, say, a MapView tutorial, to use native dependencies, having iOS and Android folders, and still write my app in React Native and run it in both simulators with hot/live loading?”

(Or, once I’m using the native stuff do I have to code in Swift/Java and Xcode/Android Studio?)

Upvotes: 1

Views: 909

Answers (1)

Rik
Rik

Reputation: 519

As noted in the expo documentation, expo already contains a google maps map view. https://docs.expo.io/versions/latest/sdk/map-view/

if you didn't create your app with expo but just with the create-react-native-app command you can use this package maintained by the RN community:
https://github.com/react-native-community/react-native-maps

This package uses native components so you need to link it (only if you don't use expo) and then you can just use it in your screens as a normal component.

Upvotes: 3

Related Questions