Smit Modi
Smit Modi

Reputation: 1

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 the Google Maps API key is correctly configured, but the map itself fails to load.

Key Points: Issue: MapView does not display after upgrading to React Native 7.7. Expected: The map should render properly. Actual Behavior: The screen is blank, but markers appear. Environment: React Native: 7.7.0 react-native-maps: 1.18.0 Node: 22.13.1 Device: Samsung A21 (SM_A217F) Regression: Worked fine on React Native 7.6.x but broke after the upgrade. Possible Cause: react-native-maps might not be fully compatible with RN 7.7. Next Steps: Check for any breaking changes in react-native-maps or RN 7.7 compatibility issues. Look for workarounds or patches in the community. šŸ”— Full Code & Details: Google Docs Link

Any insights or fixes would be highly appreciated! šŸ™

Expected Result The MapView component should render properly and display the map. The user should be able to see the map and interact with it (zoom, pan, etc.). Markers, user location, and other map features should be visible and functional. No blank screen or rendering issues should occur. Let me know if you need further refinements! šŸš€

Actual result Actual Result The MapView component does not render (blank screen). However, markers and API-related functionalities are working fine, indicating that the Google Maps API key is set up correctly. No errors or warnings appear in the console. The issue persists across different Android devices. The problem started only after upgrading to React Native 7.7; it was working fine in React Native 7.6.x. React Native Maps Version 1.18.0

What platforms are you seeing the problem on? Android

React Native Version 7.7.0

What version of Expo are you using? SDK 52

Device(s) Samsung A21 - SM_A217F

Additional information Result: Image enter image description here

Expected: Image enter image description here

Upvotes: 0

Views: 36

Answers (0)

Related Questions