Класс RadialGradient

Класс RadialGradient смешивает цвета от центра к краю круга. Список цветов передают в colors. Градиент кладут в gradient у BoxDecoration.

Синтаксис

RadialGradient(
	colors: [Color(0xFFFFFFFF), Color(0xFF1565C0)],
)

Методы

Метод	Описание
`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: RadialGradient(colors: [Colors.white, Colors.blue])),
				),
				),
			),
		),
	);
}

На экране пятно от белого к синему.

Пример

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

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
				child: Container(
				width: 200,
				height: 80,
				decoration: BoxDecoration(gradient: RadialGradient(center: Alignment(0.5, -0.3), colors: [Colors.orange, Colors.black])),
				),
				),
			),
		),
	);
}

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

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

класс LinearGradient,
линейный градиент
класс BoxShadow,
тень блока
класс SweepGradient,
угловой градиент
класс Offset,
точка или сдвиг