组合与自绘，我该选用何种方式自定义Widget？

class UpdateItemModel {
  String appIcon;//app 图标
  String appName;//app 名称
  String appSize;//app 大小
  String appDate;//app 更新日期
  String appDescription;//app 更新文案
  String appVersion;//app 版本
  // 构造函数语法糖，为属性赋值
  UpdateItemModel({this.appIcon, this.appName, this.appSize, this.appDate, this.appDescription, this.appVersion});
}

Widget buildTopRow(BuildContext context) {
  return Row(//Row 控件，用来水平摆放子 Widget
    children: <Widget>[
      Padding(//Paddng 控件，用来设置 Image 控件边距
        padding: EdgeInsets.all(10),// 上下左右边距均为 10
        child: ClipRRect(// 圆角矩形裁剪控件
          borderRadius: BorderRadius.circular(8.0),// 圆角半径为 8
          child: Image.asset(model.appIcon, width: 80,height:80) 图片控件 //
        )
      ),
      Expanded(//Expanded 控件，用来拉伸中间区域
        child: Column(//Column 控件，用来垂直摆放子 Widget
          mainAxisAlignment: MainAxisAlignment.center,// 垂直方向居中对齐
          crossAxisAlignment: CrossAxisAlignment.start,// 水平方向居左对齐
          children: <Widget>[
            Text(model.appName,maxLines: 1),//App 名字
            Text(model.appDate,maxLines: 1),//App 更新日期
          ],
        ),
      ),
      Padding(//Paddng 控件，用来设置 Widget 间边距
        padding: EdgeInsets.fromLTRB(0,0,10,0),// 右边距为 10，其余均为 0
        child: FlatButton(// 按钮控件
          child: Text("OPEN"),
          onPressed: onPressed,// 点击回调
        )
      )
  ]);
}

Widget buildBottomRow(BuildContext context) {
  return Padding(//Padding 控件用来设置整体边距
    padding: EdgeInsets.fromLTRB(15,0,15,0),// 左边距和右边距为 15
    child: Column(//Column 控件用来垂直摆放子 Widget
      crossAxisAlignment: CrossAxisAlignment.start,// 水平方向距左对齐
      children: <Widget>[
        Text(model.appDescription),// 更新文案
        Padding(//Padding 控件用来设置边距
          padding: EdgeInsets.fromLTRB(0,10,0,0),// 上边距为 10
          child: Text("${model.appVersion} • ${model.appSize} MB")
        )
      ]
  ));
}

class UpdatedItem extends StatelessWidget {
  final UpdatedItemModel model;// 数据模型
  // 构造函数语法糖，用来给 model 赋值
  UpdatedItem({Key key,this.model, this.onPressed}) : super(key: key);
  final VoidCallback onPressed;

  @override
  Widget build(BuildContext context) {
    return Column(// 用 Column 将上下两部分合体
        children: <Widget>[
          buildTopRow(context),// 上半部分
          buildBottomRow(context)// 下半部分
        ]);
  }
  Widget buildBottomRow(BuildContext context) {...}
  Widget buildTopRow(BuildContext context) {...}
}

class WheelPainter extends CustomPainter {
 // 设置画笔颜色 
  Paint getColoredPaint(Color color) {// 根据颜色返回不同的画笔
    Paint paint = Paint();// 生成画笔
    paint.color = color;// 设置画笔颜色
    return paint;
  }

  @override
  void paint(Canvas canvas, Size size) {// 绘制逻辑
    double wheelSize = min(size.width,size.height)/2;// 饼图的尺寸
    double nbElem = 6;// 分成 6 份
    double radius = (2 * pi) / nbElem;//1/6 圆
    // 包裹饼图这个圆形的矩形框
    Rect boundingRect = Rect.fromCircle(center: Offset(wheelSize, wheelSize), radius: wheelSize);
    // 每次画 1/6 个圆弧
    canvas.drawArc(boundingRect, 0, radius, true, getColoredPaint(Colors.orange));
    canvas.drawArc(boundingRect, radius, radius, true, getColoredPaint(Colors.black38));
    canvas.drawArc(boundingRect, radius * 2, radius, true, getColoredPaint(Colors.green));
    canvas.drawArc(boundingRect, radius * 3, radius, true, getColoredPaint(Colors.red));
    canvas.drawArc(boundingRect, radius * 4, radius, true, getColoredPaint(Colors.blue));
    canvas.drawArc(boundingRect, radius * 5, radius, true, getColoredPaint(Colors.pink));
  }
  // 判断是否需要重绘，这里我们简单的做下比较即可
  @override
  bool shouldRepaint(CustomPainter oldDelegate) => oldDelegate != this;
}
// 将饼图包装成一个新的控件
class Cake extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return CustomPaint(
        size: Size(200, 200),
        painter: WheelPainter(),
      );
  }
}