Метод createShader

Метод createShader класса LinearGradient возвращает Shader, который заливает область цветами LinearGradient. Прямоугольник Rect задаёт, где начинается и где кончается переход цветов. Результат передают в кисть холста.

Синтаксис

LinearGradient(colors: [Colors.red, Colors.blue]).createShader(Rect.fromLTWH(0, 0, 100, 50))

Параметры

Параметр	Описание
`rect`	Прямоугольник, в котором строится `Shader`.

Пример

Давайте зальём область шейдером градиента:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
				child: CustomPaint(
				size: const Size(220, 100),
				painter: _LinearGradientShaderPainter(),
				),
				),
			),
		),
	);
}
class _LinearGradientShaderPainter extends CustomPainter
{
@override
void paint(Canvas canvas, Size size)
{
	final rect = Rect.fromLTWH(0, 0, size.width, size.height);
	final gradient = LinearGradient(colors: [Colors.red, Colors.blue]);
	final paint = Paint()..shader = gradient.createShader(rect);
	canvas.drawRect(rect, paint);
}

@override
bool shouldRepaint(covariant CustomPainter oldDelegate) => false;
}

На экране виден градиент внутри CustomPaint.

Пример

Давайте сузим область рисования:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
				child: CustomPaint(
				size: const Size(180, 80),
				painter: _LinearGradientShaderPainter2(),
				),
				),
			),
		),
	);
}
class _LinearGradientShaderPainter2 extends CustomPainter
{
@override
void paint(Canvas canvas, Size size)
{
	final rect = Rect.fromLTWH(0, 0, size.width, size.height);
	final gradient = LinearGradient(colors: [Colors.red, Colors.blue]);
	final paint = Paint()..shader = gradient.createShader(rect);
	canvas.drawRect(rect, paint);
}

@override
bool shouldRepaint(covariant CustomPainter oldDelegate) => false;
}

На экране градиент в меньшем прямоугольнике.

Смотрите также

класс BoxShadow,
тень блока
класс StadiumBorder,
капсула для кнопки и карточки
класс RadialGradient,
радиальный градиент
класс SweepGradient,
угловой градиент