Перечисление TileMode

Перечисление TileMode передают в LinearGradient и другие градиенты. Оно решает, повторять ли цвета за границей области.

Синтаксис

TileMode.clamp

Значения

Значение	Описание
`clamp`	За краем повторяется последний цвет.
`repeated`	Градиент повторяется.
`mirror`	Градиент повторяется зеркально.
`decal`	За краем прозрачность.

Пример

Давайте clamp у LinearGradient:

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.centerLeft, end: Alignment.centerRight, tileMode: TileMode.clamp, colors: [Colors.red, Colors.blue])),
				),
				),
			),
		),
	);
}

На экране за синим краем цвет не повторяется.

Пример

Давайте repeated:

import 'package:flutter/material.dart';

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

На экране полоски градиента повторяются.

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

перечисление StrokeCap,
конец линии
перечисление PaintingStyle,
заливка или обводка
перечисление BlendMode,
как смешать два цвета
перечисление Clip,
как обрезать край