Во Flutter Web я хочу нарисовать треугольник на переднем плане фонового изображения, что я пробовал до сих пор.
CustomPaint(
//foregroundPainter: PaintTriangle(backgroundColor: backgroundColor),
//foregroundPainter didn't work either!
painter: PaintTriangle(backgroundColor: backgroundColor),
child: Container(
decoration: BoxDecoration(
image: DecorationImage(
fit: BoxFit.fill,
image: NetworkImage(cardBackgroundImageUrl),
),
),
),
)
это мой PaintTriangle
, который уже умеет рисовать треугольник, все, что мне нужно, это Как нарисовать этот треугольник перед фоном Изображение Я пытался передать художника foregroundPainter
, но это тоже не работает. Также попробовал Stack
виджет, тоже не работал
import 'package:flutter/cupertino.dart';
class PaintTriangle extends CustomPainter {
final Color backgroundColor;
PaintTriangle({
@required this.backgroundColor,
});
@override
void paint(Canvas canvas, Size size) {
final y = size.height;
final x = size.width;
final paint = Paint()
..color = backgroundColor;
final path = Path();
path
..moveTo(0, y)
..lineTo((x / 2), (y / 1.5))..lineTo(x, y);
canvas.drawPath(path, paint);
}
@override
bool shouldRepaint(CustomPainter oldDelegate) {
return true;
}
}