Javascript 更改“反应本地贴图多边形”中fillColor的不透明度？

我想减少地图多边形填充颜色的不透明度，这样我就可以通过多边形坐标看到我的边界

我阅读了React本地地图，但找不到任何与更改不透明度有关的内容

这是我的密码

function HomeScreen(props) {
  return (
    <View style={styles.container}>
      <MapView
        provider={PROVIDER_GOOGLE}
        mapType="satellite"
        style={styles.map}
        initialRegion={{
          latitude: 39.675775,
          longitude: -75.768287,
          latitudeDelta: 0.0122,
          longitudeDelta: 0.0121,
        }}
      >
        <Polygon
          coordinates={coordinates.polygon}
          strokeColor="red"
          strokeWidth={2}
        />
      </MapView>
      ...
   </View>

   );
}

功能主屏幕（道具）{
返回(
...
);
}

我尝试向多边形添加一个样式道具，将不透明度设置为0.5，但我猜它不起作用，因为样式不是多边形的属性

我还尝试在多边形内部添加视图，如下所示：

<Polygon
  coordinates={coordinates.polygon} 
  strokeColor="red"
  strokeWidth={2}
  >
    <View style={{ backgroundColor: "blue", opacity: 0.5 }} />
</Polygon>

---

但这也不起作用。有什么建议吗？

除了添加不包含在多边形道具中的道具不透明度之外，我发现您可以使用rgba颜色代码定义不透明度颜色

例如，红色将是“rgba（255，0，0，0.5）”，其中“0.5”表示不透明度（是一个介于0和1之间的数字）

这样，事情就简单得多了：

<Polygon
  coordinates={coordinates.polygon} 
  strokeColor="red"
  strokeWidth={2}
  fillColor="rgba(255, 0, 0, 0.5)"
/>

这可能有助于他们甚至将不透明度作为一个例子：）