fix: marker, polyline, polygon and circle update

Author: pinpong

android/build.gradle

@@ -28,7 +28,7 @@ apply from: "./fix-prefab.gradle"
 if (rootProject.name != "rngooglemapsplus.example") {
     apply plugin: "com.facebook.react"
 } else {
-    println("\u001B[33m⚠️  Skipping React Native Gradle plugin in library (example build detected)\u001B[0m")
+    println("\u001B[33mSkipping React Native Gradle plugin in library (example build detected)\u001B[0m")
 }
 
 def getExtOrIntegerDefault(name) {

android/src/main/java/com/rngooglemapsplus/MapMarkerBuilder.kt

@@ -68,7 +68,7 @@ class MapMarkerBuilder(
     }
     marker.title = next.title
     marker.snippet = next.snippet
-    marker.alpha = next.opacity?.toFloat() ?: 0f
+    marker.alpha = next.opacity?.toFloat() ?: 1f
     marker.isFlat = next.flat ?: false
     marker.isDraggable = next.draggable ?: false
     marker.rotation = next.rotation?.toFloat() ?: 0f

android/src/main/java/com/rngooglemapsplus/extensions/RNMarkerExtension.kt

@@ -7,6 +7,14 @@ fun RNMarker.markerEquals(b: RNMarker): Boolean =
     zIndex == b.zIndex &&
     coordinate == b.coordinate &&
     anchor == b.anchor &&
+    showInfoWindow == b.showInfoWindow &&
+    title == b.title &&
+    snippet == b.snippet &&
+    opacity == b.opacity &&
+    flat == b.flat &&
+    draggable == b.draggable &&
+    rotation == b.rotation &&
+    infoWindowAnchor == b.infoWindowAnchor &&
     markerStyleEquals(b)
 
 fun RNMarker.markerStyleEquals(b: RNMarker): Boolean = iconSvg == b.iconSvg

android/src/main/java/com/rngooglemapsplus/extensions/RNPolygonExtension.kt

@@ -8,6 +8,8 @@ fun RNPolygon.polygonEquals(b: RNPolygon): Boolean {
   if (strokeWidth != b.strokeWidth) return false
   if (fillColor != b.fillColor) return false
   if (strokeColor != b.strokeColor) return false
+  if (geodesic != b.geodesic) return false
+  if (!holes.contentEquals(b.holes)) return false
   val ac = coordinates
   val bc = b.coordinates
   if (ac.size != bc.size) return false

android/src/main/java/com/rngooglemapsplus/extensions/RNPolylineExtension.kt

@@ -8,6 +8,7 @@ fun RNPolyline.polylineEquals(b: RNPolyline): Boolean {
   if ((width ?: 0.0) != (b.width ?: 0.0)) return false
   if (lineCap != b.lineCap) return false
   if (lineJoin != b.lineJoin) return false
+  if (geodesic != b.geodesic) return false
   if (color != b.color) return false
   val ac = coordinates
   val bc = b.coordinates

example/ios/Podfile.lock

@@ -16,7 +16,7 @@ PODS:
   - hermes-engine (0.82.0):
     - hermes-engine/Pre-built (= 0.82.0)
   - hermes-engine/Pre-built (0.82.0)
-  - NitroModules (0.29.8):
+  - NitroModules (0.30.0):
     - boost
     - DoubleConversion
     - fast_float
@@ -3018,7 +3018,7 @@ SPEC CHECKSUMS:
   Google-Maps-iOS-Utils: bed22fa703c919259b3901449434d60d994fae20
   GoogleMaps: a40d3b1f511f0fa2036e7b08c920c33279b1d5fd
   hermes-engine: 8642d8f14a548ab718ec112e9bebdfdd154138b5
-  NitroModules: 73c42f3089bd74f411172ea8e69024aac4a2ac9f
+  NitroModules: 9d7097ba832aa88b678bf65b8a04e5ea565334d8
   RCT-Folly: 846fda9475e61ec7bcbf8a3fe81edfcaeb090669
   RCTDeprecation: 22bf66112da540a7d40e536366ddd8557934fca1
   RCTRequired: a0ed4dc41b35f79fbb6d8ba320e06882a8c792cf

example/package.json

@@ -18,11 +18,12 @@
     "react-native": "0.82.0",
     "react-native-gesture-handler": "2.28.0",
     "react-native-google-maps-plus": "workspace:*",
-    "react-native-nitro-modules": "0.29.8",
+    "react-native-nitro-modules": "0.30.0",
     "react-native-reanimated": "4.1.3",
     "react-native-safe-area-context": "5.6.1",
     "react-native-screens": "4.16.0",
-    "react-native-worklets": "0.6.1"
+    "react-native-worklets": "0.6.1",
+    "superstruct": "^2.0.2"
   },
   "devDependencies": {
     "@babel/core": "7.28.4",
@@ -36,7 +37,7 @@
     "@react-native/typescript-config": "0.82.0",
     "@types/react": "19.1.1",
     "react-native-builder-bob": "0.40.13",
-    "react-native-monorepo-config": "0.2.1"
+    "react-native-monorepo-config": "0.2.2"
   },
   "engines": {
     "node": ">=20"

example/src/App.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import {
-  NavigationContainer,
-  DefaultTheme,
   DarkTheme,
+  DefaultTheme,
+  NavigationContainer,
 } from '@react-navigation/native';
 import { createStackNavigator } from '@react-navigation/stack';
 
@@ -113,7 +113,7 @@ export default function App() {
             options={{ title: 'Snapshot test' }}
           />
           <Stack.Screen
-            name="StressTest"
+            name="Stress"
             component={StressTestScreen}
             options={{ title: 'Stress test' }}
           />

example/src/components/ControlPanel.tsx

@@ -1,17 +1,17 @@
 import React, { useMemo } from 'react';
 import {
-  View,
-  Text,
-  TouchableOpacity,
   ScrollView,
   StyleSheet,
+  Text,
+  TouchableOpacity,
+  View,
 } from 'react-native';
 import Animated, {
-  useSharedValue,
+  Extrapolation,
+  interpolate,
   useAnimatedStyle,
+  useSharedValue,
   withTiming,
-  interpolate,
-  Extrapolation,
 } from 'react-native-reanimated';
 import type { GoogleMapsViewRef } from 'react-native-google-maps-plus';
 import { useAppTheme } from '../theme';
@@ -29,7 +29,7 @@ export default function ControlPanel({ mapRef, buttons }: Props) {
   const theme = useAppTheme();
   const navigation = useNavigation<RootNavigationProp>();
   const progress = useSharedValue(0);
-  const styles = getThemedStyles(theme);
+  const styles = useMemo(() => getThemedStyles(theme), [theme]);
 
   const toggle = () => {
     progress.value = withTiming(progress.value === 1 ? 0 : 1, {
@@ -62,7 +62,10 @@ export default function ControlPanel({ mapRef, buttons }: Props) {
       {
         title: 'Check Google Play Services',
         onPress: () =>
-          console.log(mapRef.current?.isGooglePlayServicesAvailable()),
+          console.log(
+            'Google Play Services result',
+            mapRef.current?.isGooglePlayServicesAvailable()
+          ),
       },
     ],
     [buttons, mapRef, navigation]

example/src/components/HeaderButton.tsx

@@ -0,0 +1,34 @@
+import React, { useMemo } from 'react';
+import { Pressable, StyleSheet, Text } from 'react-native';
+import { useAppTheme } from '../theme';
+
+type Props = {
+  title: string;
+  onPress: () => void;
+};
+
+export default function HeaderButton({ title, onPress }: Props) {
+  const theme = useAppTheme();
+  const styles = useMemo(() => getThemedStyles(theme), [theme]);
+
+  return (
+    <Pressable onPress={onPress} style={() => [styles.headerButton]}>
+      <Text style={[styles.headerButtonText]}>{title}</Text>
+    </Pressable>
+  );
+}
+
+const getThemedStyles = (theme: any) =>
+  StyleSheet.create({
+    headerButton: {
+      paddingHorizontal: 12,
+      paddingVertical: 6,
+      borderRadius: 6,
+      marginRight: 12,
+    },
+    headerButtonText: {
+      color: theme.textPrimary,
+      fontSize: 15,
+      fontWeight: '600',
+    },
+  });