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;

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

多边形填充颜色无法正常使用（反应本机贴图）

1 个答案: