Виджет Opacity

Виджет Opacity рисует дочерний виджет с заданной непрозрачностью. Параметр opacity принимает число от 0 до 1: ноль прячет виджет, единица оставляет его как есть. Место в раскладке дочерний виджет занимает и при нуле.

Синтаксис

Opacity(
	opacity: 0.4,
	child: child,
)

Параметры

Параметр	Описание
`opacity`	Прозрачность от 0 до 1. Ноль прячет виджет, единица показывает его полностью.
`child`	Дочерний виджет, к которому применяют прозрачность.

Пример

Давайте покажем строку на сорок процентов:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
					child: Opacity(
						opacity: 0.4,
						child: Text('abcde', style: TextStyle(fontSize: 24)),
				),
			),
		),
	));
}

На экране строка 'abcde' бледная, сквозь неё виден фон.

Пример

Давайте спрячем строку полностью, не убирая её из раскладки:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
					child: Opacity(
						opacity: 0,
						child: Text('12345', style: TextStyle(fontSize: 24)),
				),
			),
		),
	));
}

На экране пусто: строка '12345' нарисована с нулевой непрозрачностью.

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

класс CustomClipper,
контур для ClipPath
виджет ClipPath,
обрезать по своему контуру
виджет BackdropFilter,
размыть то, что под дочерним виджетом
класс ImageFilter,
размытие и прочие фильтры картинки