颤抖：将常规小部件放在CustomPaint画布上

Question

我的应用主要由CustomPainted页面组成。但是我很想在画布顶部放置一个或两个按钮，例如PopupMenuButton或IconButton。

这可能吗？如果是，怎么办？

Answer 1

是的，这是可能的。 CustomPaint接受一个child属性，该属性可用于在其顶部放置小部件，例如：

CustomPaint(
  painter: _RadialPainter(
    color: Theme.of(context).primaryColor,
    completedPercentage: progress.completed,
  ),
  child: Center(
    child: Text(
      '${progress.left}',
       style: Theme.of(context).textTheme.headline4,
     ),
  ),
);

请注意，_RadialPainter扩展了CustomPainter。