Question

我目前被阻止尝试创建一个由下图表示的小部件（如工具提示框）。我应该应该可以通过依赖Painter类来创建它，但是我对此并不熟悉...

（很小，是的，最大高度=〜35px）

Answer 1

代码结束，类似于：

void paint(Canvas canvas, Size size) {
   Paint p = Paint()
     ..color = Colors.red
     ..isAntiAlias = true
     ..style = PaintingStyle.fill;

   Offset nw = Offset(0, 0);
   Offset se = Offset(size.width, size.height * 0.8);

   final Rect rect = Rect.fromPoints(nw, se);
   final RRect r = RRect.fromRectAndRadius(rect, Radius.circular(10));

   canvas.drawRRect(r, p);

   Offset bottomPoint = Offset((size.width / 2), size.height);
   Offset rightPoint = Offset((size.width / 2) * 0.80, size.height * 0.80);
   Offset leftPoint = Offset((size.width / 2) * 1.20, size.height * 0.80);

   var path1 = Path()
     ..moveTo(rightPoint.dx, rightPoint.dy)
     ..lineTo(bottomPoint.dx, bottomPoint.dy)
     ..lineTo(leftPoint.dx, leftPoint.dy)
     ..lineTo(rightPoint.dx, rightPoint.dy);
   canvas.drawPath(path1, p);
}

对于其中的文字，我将其堆叠在这幅画上方。

无法重新创建此浮动小部件

1 个答案: