帶有 CustomPaint 的 Flutter InteractiveViewer

Question

當使用InteractiveViewer縮放和移動時，會觸發CustomPaint的paint方法。 如何防止？

...
InteractiveViewer(                  
  child: CustomPaint(
    painter: TestPainter(),
  ),
),
...

class TestPainter extends CustomPainter {

  @override
  void paint(Canvas canvas, Size size) {
    print('painting...');
    
  }

  @override
  bool shouldRepaint(CustomPainter oldDelegate) {
    
    return false;
  }
}

Answer 1

嘗試在 RepaintBoundary 中包含您的 CustomPaint

例如

final List<Widget> desks = _mapDataState.mapObjects.desks
    .map((desk) => RepaintBoundary(
          child: CustomPaint(
            size: Size.infinite,
            painter: DeskPainter(desk),
          ),
        ))
    .toList();

return InteractiveViewer(
  maxScale: 6,
  minScale: 0.3,
  child: CustomPaint(
    size: Size.infinite,
    painter: MapPainter(snapshot.data),
    child: Stack(
      children: desks,
    ),
  ),
);