Flutter - 谷歌地图折线模式不起作用

Question

我正在尝试向谷歌地图添加虚线折线，但模式属性似乎不起作用，或者我做错了。

下面你可以看到创建折线的方法，图案设置为dash5px gap，但它仍然显示为一条实线。它有什么问题还是只是一个颤振错误？

谢谢。

包：google_maps_flutter

...

_addPollyline(int index, Color color) {
    final String polylineIdVal = 'polyline_id_$_polylineIdCounter';
    _polylineIdCounter++;
    final PolylineId polylineId = PolylineId(polylineIdVal);
    final Polyline polyline = Polyline(
      polylineId: polylineId,
      consumeTapEvents: true,
      color: color,
      patterns: <PatternItem>[PatternItem.dash(5), PatternItem.gap(5)],
      width: 5,
      points: _createRoute(index),
    );

    setState(() {
      _mapPolylines[polylineId] = polyline;
    });
  }

...

更新

模式在 android 上运行良好。我测试过他们上的像素3仿真器和两个dash和dot模式工作。

该问题仅存在于 iOS 设备上

Answer 1

尝试这个：

  final polyline = Polyline(
    polylineId: id,
    patterns: [PatternItem.dash(10), PatternItem.gap(10)],
    color: color,
    points: coordinates,
    startCap: Cap.roundCap,
    endCap: Cap.roundCap,
    width: 5,
  );