Flutter：实时编辑和渲染字节数组

Question

我如何绘制一个字节数组并使用CustomPainter（或代替它）呈现此数组？

此刻，我正在使用CustomPaint小部件和GestureDetector中的CustomPainter。

我在GestureDetector中检测到“绘图”并将重要点存储到列表中。

onPanUpdate: (DragUpdateDetails dragUpdate) {
            setState(() {
              RenderBox box = context.findRenderObject();
              Offset pos = box.globalToLocal(dragUpdate.globalPosition);
              _points = List.from(_points)..add(pos);
            });
          }

在CustomPainter的paint方法中，我通过遍历列表并连接相邻点来渲染图形。

for(var i = 0; i < points.length - 1; ++i) {
  if(points[i+1] == null) {
    ++i;

    continue;
  }
  canvas.drawLine(points[i], points[i+1], paint);
}

删除像素（橡胶）或填充图像的一部分（桶工具）将无法以这种方式工作。

如何转换canvas.drawLine(points[i], points[i+1], paint)以编辑字节数组并改为实时绘制该字节数组？