Flutter中Google Map自定义标记平移后被截断问题求助

问题根源：你用FractionalTranslation将组件右移自身宽度的一半时，RepaintBoundary的绘制范围依然是原组件的尺寸，平移后组件的右半部分超出了RepaintBoundary的边界，因此转成BitmapDescriptor时这部分被截断。

下面是两种可行的解决方法：

方法一：利用Marker的anchor属性替代FractionalTranslation（推荐） #

Google Map的Marker原生支持通过anchor属性设置标记与点位的对齐方式，完全不需要用平移组件的方式实现需求：

1. 移除Mark组件中的FractionalTranslation，直接保留原标记组件的布局
2. 创建Marker时，设置anchor为Anchor(0.0, 0.5)，这样标记的左边缘（垂直中心位置）会和地图点位对齐

修改后的代码片段：

MarkState的build方法 #

@override
Widget build(BuildContext context) => RepaintBoundary(
  child: ... // 你的原标记组件，去掉FractionalTranslation嵌套
);

创建Marker时 #

marks.add(Marker(
  ...
  icon: await convert(gk),
  anchor: const Anchor(0.0, 0.5), // 左边缘垂直中心对齐点位
));

这种方式完全遵循Google Map SDK的设计逻辑，不会出现绘制范围截断的问题，也不需要额外的布局计算。

方法二：调整RepaintBoundary的范围以容纳平移后的组件 #

如果一定要保留FractionalTranslation的实现，需要让RepaintBoundary的尺寸足够覆盖平移后的完整组件。可以通过SizedBox或LayoutBuilder动态扩展绘制范围：

@override
Widget build(BuildContext context) => RepaintBoundary(
  child: LayoutBuilder(
    builder: (context, constraints) {
      // 扩展宽度为原组件的1.5倍，容纳平移出去的0.5倍宽度
      return SizedBox(
        width: constraints.maxWidth * 1.5,
        child: FractionalTranslation(
          translation: const Offset(0.5, 0),
          child: ... // 你的原标记组件
        ),
      );
    },
  ),
);

这样RepaintBoundary就能捕获到平移后的完整组件，转成BitmapDescriptor后就不会出现右半部分截断的情况。

内容的提问来源于stack exchange，提问作者stackunderflow