Спросите помощника

0/400

Вопрос обрабатывается ИИ-сервисом и сохраняется для улучшения ответов. Не вводите персональные данные.

Opacity

Делает ребёнка прозрачным: от 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 ).