多边形填充颜色无法正常工作（React Native 地图）

Question

我在 iOS 上使用 Google 地图 并且我有多边形。 (react-native-maps)

更新前（到版本 0.18.3。-目前我无法更新到最新版本）一切正常，但从现在开始填充颜色会出现奇怪的结果.

有时颜色还可以，有时不合适，没有规律。

在 android 上一切正常。

export const Polygon = (props) => {
    return (
        <MapView.Polygon
            coordinates={ props.selectedAreas }
            fillColor={ props.fillColor }
            strokeColor={ props.strokeColor }
        />
    )
};

Answer 1

使用 https://github.com/react-native-community/react-native-maps/issues/3025#issuecomment-538345230

中的修复程序为我工作

import React from 'react';
import { Polygon } from 'react-native-maps';

function CustomPolygon({ onLayout, ...props }) {
  const ref = React.useRef();

  function onLayoutPolygon() {
    if (ref.current) {
      ref.current.setNativeProps({ fillColor: props.fillColor });
    }
    // call onLayout() from the props if you need it
  }

  return <Polygon ref={ref} onLayout={onLayoutPolygon} {...props} />;
}

export default CustomPolygon;

它不是很漂亮，但我想在修复上游错误之前必须这样做。

多边形填充颜色无法正常工作（React Native 地图）

Polygon fill color not working properly (React Native maps)

google-maps

polygon

reactjs

react-native

react-native-ios