1,093 questions
Advice
0
votes
4
replies
129
views
Google Maps API key free usage
I'm making a react-native app for android using Expo and react-native-maps. For fetching routes I'm using api.openrouteservice.org but for the tile provider I have to use google maps. Since I'm using ...
1
vote
1
answer
158
views
Render Error: "Cannot call a class as a function" in react-native / expo
I am pretty new to react. Making an app that uses Nominatim / expo-maps. I did not run into this error until adding the destinationSubmit function and popup stuff in OahuMap.js. From the research I ...
0
votes
1
answer
179
views
React Native Maps not showing Markers on Android, even though API data is fetched correctly
I'm building a React Native app to display location markers on a map using react-native-maps. I'm using the Google Maps provider on Android.
My problem is that the map loads, but the markers are not ...
4
votes
0
answers
257
views
React Native Maps Callout not showing content after upgrading Expo 54 / react-native 0.81
I upgraded my Expo app from SDK 51 to SDK 54 (React Native 0.81, react-native-maps 1.20.1).
After the upgrade, my <Callout> inside <Marker> stopped showing data.
Before upgrade it worked ...
0
votes
0
answers
171
views
React Native Maps Marker not Render on Android but work As expected on IOS
I’m using react-native-maps with clustering on the map. When zooming in, markers are displayed with images based on genres. The issue is that the markers are not rendering on Android, although they ...
0
votes
1
answer
81
views
How can I refresh the Map view when I return to it
I am developing a iOs/Android App with React Native
I have a Map view (OpenStreetMap) where weather stations are showed in a cluster.
The default map zoom is 12 and the default center position of the ...
1
vote
0
answers
41
views
React Native MapView not rendering most recently added Marker
I have a React Native Maps Mapview in which I have an array of markers. I can add a marker by long-pressing on the map.
However when I add a marker, it doesn't appear until after the next marker is ...
0
votes
0
answers
83
views
Marker not rendering on first map tap — only appears after second tap, zoom, or any interaction (Expo SDK 53, RN 0.79.5, react-native-maps 1.20.1)
I'm encountering a strange behavior with the Marker component in react-native-maps when adding markers dynamically.
When I tap the map after adding a marker to the editingMarkers state, the ...
0
votes
1
answer
627
views
How can I upgrade React Native
I am confused about how to upgrade my React Native version. All topics I found are older more than 3-5 year after and after some days of investigation, I hope I can get help here. I am a novice.
I ...
2
votes
1
answer
67
views
React Native MapView wont focus when i go to the map page twice
I’m using React Native Maps in a React Navigation screen: on the first mount my MapView renders with initialRegion and my Marker shows correctly, but when I navigate away and back—and call ...
0
votes
1
answer
162
views
Unimplemented component: <RNMapsMapView>
I upgraded my project from react native 0.76 to 0.79 and enabled new architecture.
There are no issues on android but on IOS the MapView is returning Unimplemented component. There is no error, no ...
0
votes
0
answers
51
views
flickering location pins when using react-native-maps
I am getting flickering location pins (multiple) when using react-native-maps custom marker. Issue is not there when using default marker. I need to implement the custom marker because i need to ...
-1
votes
1
answer
138
views
React Native Maps shows blank white screen on iOS after Firebase integration
After integrating Firebase for push notifications into my React Native app, react-native-maps displays a blank white screen on iOS only. The same code works perfectly on Android, and iOS was working ...
1
vote
0
answers
571
views
Expo 53 upgrade: react-native-map 1.20.1 is rendering markers incorrectly in Expo Go and compiled Android app, while working correctly in dev client
I'm trying to upgrade Expo SDK from v52 to v53 and ran into issues with react-native-maps, which I don't really understand. I anyone faced this and could advise what I am doing wrong here?
Set up ...
-1
votes
1
answer
340
views
React Native Maps — markers not rendering on initial load
I'm building a React Native app using react-native-maps and expo-location. I fetch the user's location and show transit stop markers on the map. The data is fetched correctly, but on the initial load, ...
0
votes
0
answers
48
views
EXPO react-native-maps crashes when working with nearby user query
Summary
I'm developing an app that displays users as markers on a map. The app filters userData and only renders markers for users within a 10km radius from the initial location.
Issue
When I search ...
0
votes
0
answers
26
views
Map first render is aways in the middle of the ocean [react-native-maps | android]
My map is aways rendering in the middle of the ocean when i open my app for the first time, after closing and reopening the app it shows the correct location. I'm using EXPO (version 52) & react-...
1
vote
0
answers
26
views
How do I render markers in react-native-markers using an api call based on a user's location?
fairly new to React Native so please forgive my ignorance. I'm trying to take a user's location, call supabase to obtain nearby locations and plot them as markers in react-native-maps. The challenge I'...
3
votes
0
answers
103
views
Markers blinking using react native map
I implemented Google Maps using import MapView from 'react-native-map-clustering'. By default, when I add markers, clusters start blinking. Similarly, if I place a marker with custom content, it ...
0
votes
0
answers
49
views
How to set the outside area color of a Circle or Polygon in react-native-maps?
I'm using the react-native-maps package.
When I use the fillColor property on a Circle or Polygon, it fills the inside of the shape — which works as expected.
However, I want to achieve something ...
1
vote
3
answers
718
views
Google Maps not displaying properly in my Expo React Native Android app (beige map with Google logo only)
I'm developing a React Native app using Expo and trying to integrate Google Maps on Android.In Expo Go, the map works fine. But after generating an APK using EAS build, the map only displays a beige/...
0
votes
0
answers
60
views
react native map is not visible after doing this npx eas build --profile development --platform android but works on expo go
click to see how the map is showing in the apk after doing eas build
this is my app.config.js
import 'dotenv/config';
const isProduction = process.env.EAS_BUILD_PROFILE === 'production';
const ...
3
votes
2
answers
3k
views
Invariant Violation: TurboModuleRegistry.getEnforcing(...): 'RNMapsAirModule' could not be found (React Native 0.79 + Hermes + iOS)
I'm working on a React Native project (v0.79.0) using the New Architecture and Hermes. Everything builds correctly, but the app crashes at runtime on iOS with this error:
[runtime not ready]: ...
1
vote
1
answer
299
views
Google Maps API removed from my expo build
I'm working on a managed workflow expo app for iOS and Android.
When i run the production build (either locally or with eas server) somehow the part of the android config in app.config.ts related to ...
1
vote
0
answers
303
views
Importing native-only module codegenNativeCommands on web
I am getting an error from react native maps when I try to build my app apk version on the eas server. this is the complete log
Exporting server
λ Bundling failed 8070ms node_modules/expo-router/build/...
1
vote
1
answer
967
views
Error: Importing native-only module "react-native/Libraries/Utilities/codegenNativeCommands" on web
I am getting an error from react native maps when I try to build my app apk version on the eas server. this is the complete log
Exporting server
λ Bundling failed 8070ms node_modules/expo-router/build/...
0
votes
1
answer
460
views
React-native-maps Marker Flickers on State Update when Animating Scale
In React native I am using the react-native-maps and reanimated packages and I am trying to use reanimated to scale a marker when it is pressed, however, when I press the marker, as it's view scales ...
1
vote
0
answers
114
views
React Native Maps UrlTile Missing Tiles / Pixelation Issue on iOS (iPhone & iPad)
I am using react-native-maps in my React Native app and displaying custom tiles using UrlTile. However, on iOS devices (iPhones and iPads), I am experiencing missing tiles (pixelation) when rendering ...
0
votes
0
answers
94
views
After upgrading to React Native 7.7, the MapView component is not rendering or displaying on the screen
Summary of the Bug Report
After upgrading to React Native 7.7, the MapView component from react-native-maps is not rendering and leaves a blank screen, despite markers working fine. This suggests that ...
0
votes
0
answers
187
views
React native maps clusterer problem with disappearing clusters
Markers keep disappearing while zooming in or moving on the map despite console log saying they are being rendered. I've tried rendering the bounding box of the region and it seems to be ok. Markers ...
0
votes
0
answers
107
views
React native android use openstreetmap map
I would like to use openstreetmap maps on android, but it is not working I get a white google map.
Below is the code I am using, I did not put a google api key because I would not need it.
I read this:...
0
votes
1
answer
847
views
react-native-maps with expo , native-only module
am new to react native and am trying to use react-native-maps. am using expor and added maps by command form expo docs which is "npm expo install react-native-maps" (it also gave me a ...
2
votes
2
answers
1k
views
React Native Maps is not displaying my location and markers every time I render the map
I am using React Native v0.76.1. When I open the app and navigate to the map page, my location and the markers appear correctly. However, after navigating back and returning to the same page, my ...
0
votes
0
answers
138
views
React Native Maps Showing Grey Background with Google Logo in CLI Project
I am working on a React Native project using React Native CLI and trying to display a Google Map using the react-native-maps package. However, the map only shows a grey background with the Google logo,...
0
votes
2
answers
582
views
Issue: Markers and User Location Not Displaying Consistently on Map in React Native
I am using react-native-maps (version 1.20.1) in my React Native project, and I am facing an issue where markers and the user location (blue dot) are not displaying consistently.
The first time I load ...
0
votes
0
answers
172
views
OnMapReady not working consistently on MapView
I am developing a mobile app (with Expo 52.0.18) where I am showing a list of trips. When you open a trip, a map should load with the markers on it (using react-native-maps 1.18.0).
The map works fine ...
0
votes
0
answers
28
views
How to change the Coordinate reference system/projection in react native maps?
Can react native maps coordinate reference system be changed? So far, there is nothing that points to it. If the coordinate reference system/projection of the react native maps can be changed?
The ...
0
votes
0
answers
45
views
Reprojecting Raster Tiles in BNG format on React Native Maps?
I am using template URL to display tiles from a third party API. That API for tile serves the tiles in 27700 format. React Native Maps Template URL expects it in 3857 or similar web mercator formats.
...
1
vote
1
answer
1k
views
React Native Expo Google Maps Shows Blank White Screen
I am working on a React-Native app using Expo, and I am trying to integrate Google Maps on the home screen. However, the map does not load and only shows a blank white screen. Here's the relevant code ...
9
votes
5
answers
12k
views
React Native/Expo: Cannot read property 'bubblingEventTypes' of null
I always get this error ERROR Warning: TypeError: Cannot read property 'bubblingEventTypes' of null when I add provider: {PROVIDER_GOOGLE} on my MapView
Here is my code, I use gluestack-ui as UI ...
1
vote
0
answers
47
views
React Native Maps crashing when data is refetched onRegionChangeComplete
I update the map view by scrolling, which fires the handleRegionChange callback.
For some reason, if I don't add if (!data.length) return null, first render won't render the markers (understandable ...
2
votes
2
answers
890
views
Callout component not displaying correctly using React Native Maps
Basically the Callout component is always being cut does not matter what I put inside of it.
Example:
The code:
<MapView
ref={mapRef}
style={{
width: 300,
...
-1
votes
1
answer
257
views
React Native iOS pod install error - Error installing GoogleMaps
I am developing ios app using react native.
When I run pod install, the installation stops with the following error.
Installing GoogleMaps (8.4.0)
[!] Error installing GoogleMaps
[!] /usr/bin/curl -f ...
1
vote
0
answers
65
views
backgroundInteractionEnabled={true} prop is not working fine
Issue: Inability to Scroll Map with backgroundInteractionEnabled
Description: I’m encountering an issue with the backgroundInteractionEnabled prop in the react-native-actions-sheet package. While ...
0
votes
1
answer
46
views
React Native Maps : inaccurate marker location when updating dynamically the marker coordinates via socket io client
I am trying to update the marker coordinates using socket io client, there's no error shown, but the marker location in the map is not as accurate as expected.
Please check my code snippet shown below....
0
votes
1
answer
156
views
React-native-maps white screen, Map not rendering
I use MapView installed from react-native-maps to create map tha covers the home screen
import React, {useEffect} from 'react';
import {StyleSheet, View, PermissionsAndroid, Platform} from 'react-...
1
vote
0
answers
1k
views
react native this.getNativeComponent undefined error
I'm encountering an issue with my React Native project where I'm getting the following error during runtime
TypeError: this.getNativeComponent is not a function (it is undefined)
This error occurs ...
1
vote
0
answers
316
views
How to disable labels in react native maps (IOS)
I'm using react native maps for my react native mobile application. On android, the map renders as apple maps. I don't want any of the labels like New York, etc. I just want a blank map. Is there a ...
1
vote
1
answer
2k
views
React Native Maps what is the tracksViewChanges prop in the <Marker> component exactly for?
I am in expo 50 using react-native-maps version 1.13.0, so i am facing the same flickering issue explained here 4997 when rendering custom markers. When i set trackViewChanges={false} in the Marker it ...
0
votes
1
answer
42
views
Why does react-native-maps not work when using arrays with "" on Android
I have been having problems getting react-native-maps to work properly on android. The issue is that when I load my array data it works only on IOS. It generates like this :
const locationData = [
...