Ask the assistant

0/400

Your question is processed by an AI service and kept to improve answers. Do not enter personal data.

Opacity

This page has not been translated into English yet. The Russian original is below.

Делает ребёнка прозрачным: от 1.0 (виден полностью) до 0.0 (невидим, но занимает место).

Тип: single-child

Opacity opacity:0.5
  Text "Полупрозрачный текст"

Параметры

Параметр	Тип	Default	Описание
`opacity`	double	1.0	Прозрачность от `0.0` до `1.0`
`alwaysIncludeSemantics`	bool	false	Оставлять ли невидимого ребёнка доступным для программ чтения с экрана (только приложение)

Примеры

Приглушённая подпись

Column spacing:4
  Text "Основной текст"
  Opacity opacity:0.6
    Text "Дополнительная подпись"

Состояние выключенной карточки

@enabled:false
Opacity opacity:{enabled ? 1.0 : 0.4}
  DecoratedBox
    #decoration color:#36345E
      #borderRadius circular 12
    Padding
      #padding all 16
      Text "Карточка"

Bad practices

Opacity ради плавного появления

// BAD — opacity мгновенно переключает значение: без анимации появление будет рывком
@visible:false
Opacity opacity:{visible ? 1.0 : 0.0}
  Text "Появляюсь"

Для плавного перехода берите Animation — он анимирует масштаб и прозрачность.

Best practices

Невидимый ≠ отключённый. Ребёнок при opacity:0 продолжает занимать место и принимать нажатия. Нужно убрать его из раскладки — выбирайте показ по условию ( Switcher ), а не прозрачность.
Не ставьте Opacity на большие деревья ради цвета: для одной заливки достаточно прозрачного цвета ( #80FF0000 ).