Error while updating property 'lineCap' of a view managed by: AIRMapPolyline in expo

Question

expo version : sdk42 react-native-maps: 0.28 and 0.27.1 both using react-native-maps-directions here is code

   <MapView
    provider={PROVIDER_GOOGLE} // remove if not using Google Maps
    style={styles.map}
    region={getMapRegion()}
  >
    <MapViewDirections
      origin={origin}
      destination={destination}
      apikey={GOOGLE_MAPS_APIKEY}
      strokeWidth={3}
      strokeColor="blue"
    />

    <Marker
      coordinate={getMapRegion()}
      title="Test Title"
      description="This is the test description"
    >
      <Callout tooltip>
        <Text>{text}</Text>
      </Callout>
    </Marker>
  </MapView>

score 10 · Accepted Answer · answered Jul 09 '21 at 19:30

10

lineDashPattern={[number]} add this in polyline or react MapViewDirections

 <MapViewDirections
      lineDashPattern={[0]}
      origin={origin}
      destination={destination}
      apikey={GOOGLE_MAPS_APIKEY}
      
    />

answered Jul 09 '21 at 19:30

Ibad Ur Rehman

696
1
9
16

If you don't want your polyline dashed, add `lineCap="square"` to the props of the polyline – Alexis Panagiotopoulos Jan 20 '22 at 09:36
this was really helpful, thank you – Anthony phillips Mar 23 '22 at 13:38

Error while updating property 'lineCap' of a view managed by: AIRMapPolyline in expo

1 Answers1