Класс LinearGradient

Класс LinearGradient смешивает цвета вдоль отрезка. Список цветов передают в colors. Направление задают begin и end типа Alignment. Градиент кладут в gradient у BoxDecoration.

Синтаксис

LinearGradient(
	colors: [Color(0xFF1565C0), Color(0xFFC62828)],
)

Методы

Метод	Описание
`createShader`	Строит `Shader` градиента для `rect`.
`lerp`	Смешивает два градиента в заданной доле.
`scale`	Умножает матрицу градиента на коэффициент. Без матрицы картинка не меняется.

Пример

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

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
				child: Container(
				width: 200,
				height: 80,
				decoration: BoxDecoration(gradient: LinearGradient(colors: [Colors.red, Colors.blue])),
				),
				),
			),
		),
	);
}

На экране переход от красного к синему.

Пример

Давайте сменим направление:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
				child: Container(
				width: 200,
				height: 80,
				decoration: BoxDecoration(gradient: LinearGradient(begin: Alignment.topCenter, end: Alignment.bottomCenter, colors: [Colors.yellow, Colors.purple])),
				),
				),
			),
		),
	);
}

На экране вертикальный градиент.

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

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