Skip to content

Latest commit

 

History

History
24 lines (20 loc) · 7.72 KB

Polygon.md

File metadata and controls

24 lines (20 loc) · 7.72 KB

Polygon Component API

Props

Prop Type Default Note
coordinates array(LatLng.t) (Required) An array of coordinates to describe the polygon
holes array(array(LatLng.t)) A 2d array of coordinates to describe holes of the polygon where each hole has at least 3 points.
strokeWidth float 1.0 The stroke width to use for the path.
strokeColor ReactNative.Color.t #000, rgba(r,g,b,0.5) The stroke color to use for the path.
fillColor ReactNative.Color.t #000, rgba(r,g,b,0.5) The fill color to use for the path.
lineCap [ | `butt | `round | `square ] `round The line cap style to apply to the open ends of the path.
lineJoin [ | `bevel | `miter | `round ] The line join style to apply to corners of the path.
miterLimit int 10 The limiting value that helps avoid spikes at junctions between connected line segments. The miter limit helps you avoid spikes in paths that use the miter lineJoin style. If the ratio of miter length (diagonal length of the miter join) to line thickness exceeds the miter limit, the joint is converted to a bevel join. The default miter limit is 10, which results in the conversion of miters whose angle at the joint is less than 11 degrees.
geodesic bool to indicate whether to draw each segment of the line as a geodesic as opposed to straight lines on the Mercator projection. A geodesic is the shortest path between two points on the Earth's surface. The geodesic curve is constructed assuming the Earth is a sphere.
lineDashPhase int 0 (iOS only) The offset (in points) at which to start drawing the dash pattern. Use this property to start drawing a dashed line partway through a segment or gap. For example, a phase value of 6 for the pattern `[
lineDashPattern array(int) (iOS only) An array of numbers specifying the dash pattern to use for the path. The array contains one or more numbers that indicate lengths (measured in points) of the line segments and gaps in the pattern. Values in the array alternate, starting with the first line segment length, followed by the first gap length, followed by the second line segment length, and so on.
tappable bool false to allow a polygon to be tappable and enable the onPress event.

Events

Event Name Returns Notes
onPress unit Callback that is called when the user presses on the polygon