颤振：将常规小部件放置在 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。