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

Question

我在iOS上使用谷歌地图，我有多边形。(反应原生地图(

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

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

在安卓上，一切运行良好。

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;

它不是很漂亮，但我想它必须做，直到上游错误得到修复。