Flutter 如何创建打印点的间隔样式小部件?

Flutter 如何创建打印点的间隔样式小部件?,flutter,material-design,flutter-layout,Flutter,Material Design,Flutter Layout,我正在研究,我正在试图弄清楚如何使颤振小部件像一个间隔器一样工作,但带有内容 您可以将CustomPainter与textpainer组合,以填充可用宽度 例如: class PointPainter extends CustomPainter { @override void paint(Canvas canvas, Size size) { final point = TextPainter( text: TextSpan(text: ".", style:

我正在研究,我正在试图弄清楚如何使颤振小部件像一个
间隔器一样工作,但带有内容


您可以将
CustomPainter
textpainer
组合,以
填充可用宽度

例如:

class PointPainter extends CustomPainter {
  @override
  void paint(Canvas canvas, Size size) {
    final point = TextPainter(
        text: TextSpan(text: ".", style: TextStyle(color: Colors.red)),
        textDirection: TextDirection.ltr);
    point.layout(maxWidth: size.width);

    for (double i = 0; i < size.width; i += point.width) {
      point.paint(canvas, Offset(i, .0));
    }
  }

  @override
  bool shouldRepaint(CustomPainter oldDelegate) {
    return true;
  }
}
Expanded(
  child: CustomPaint(
    painter: PointPainter(),
  ),
),