Как изменить непрозрачность закусочной в флаттер?

Question

Я хочу изменить непрозрачность SnackBar.У него есть только свойство background.Это можно настроить или мне нужно создать собственный виджет для закусочной?

Answer 1

Вы можете настроить непрозрачность вашего backgroundColor с помощью

• color.withAlpha(..),

• color.withOpacity(..),

• с использованием шестнадцатеричного целого числа 0x33ffffff (первая пара цифр после x представляет значение альфа),

• , создание Color с использованиемColor.fromARGB(...)

• или с помощью Color.fromRGBO(...).

Вы можете найти информацию об этом на этой странице документации о Color классе .

Теперь вы сталкиваетесь со следующим проблема : Ваш контент еще не прозрачен.

Это легко настраивается с помощью виджета Opcacity.

В вашем Snackbar просто окружите ваш фактический content виджетом Opacity:

SnackBar(backgroundColor: Color(0x66bbbbbb),
  content: Opacity(opacity: .7,
                    child: Container(), // your content
  ),
)

Answer 2

Попробуйте использовать свойство цвета снэк-бара следующим образом:

  backgroundColor: Colors.black.withOpacity(0.5)

Это должно работать так, как вы ожидали.