flutter 绘制的基本使用

上一篇文章中，简单介绍了使用CustomPainter实现一个简单的画板demo，其中只是对于drawLine画线做了应用，这篇文章，再去学习一下painting中的其他方法。

这里提一下，自定义的CustomPainter需要放在CustomPaint中才能展示,赋值给painter属性，CustomPainter也还有一个child

const CustomPaint({
    Key key,
    this.painter,
    this.foregroundPainter,
    this.size = Size.zero,
    this.isComplex = false,
    this.willChange = false,
    Widget child,
  })

先看第一个例子，画一个表格，作为我们后续学习的背景，这里还试了一下加一个child之后的效果，就是下面右侧那个效果图

Widget build(BuildContext context) {
    return Container(
      child: Center(
          
        child: CustomPaint(
          painter: GirdPainter(10),
          size: Size(300, 300),
          child: new Text('dataaaaaaaaaaaaaa'),
        ),
      ),
    );
  }

可以看到child和我们绘制的东西是重叠的