На сайте material.io написано, что:
Чтобы создать фирменные темные поверхности, наложите основной цвет бренда с низкой непрозрачностью на рекомендуемый темный цвет поверхности темы (# 121212). Цвет # 1F1B24 является результатом сочетания цвета поверхности темной темы # 121212 и 8% основного цвета.
Мои вопросы:
Решением для наложения без использования виджетов является использование Color.alphaBlend который
объединить [s] цвет переднего плана как прозрачный цвет поверх цвета фона и вернуть [s] результирующий комбинированный цвет.
Вы используете это так:
Color newColor = Color.alphaBlend(foregroundColor, backgroundColor);
1,8% цвета - это цвет, но с непрозрачностью 8%. Этого можно добиться, используя виджет непрозрачности или метод withOpacity класса Colors.
2.
Накладка - это полупрозрачное покрытие на элементе, указывающее состояние. Наложения обеспечивают систематический подход к визуализации состояний с использованием непрозрачности.
Чтобы создать наложение во Flutter, используйте виджет наложения.
пример во flutter- использование-оверлей-для-отображения-плавающих-виджетов
Color.fromRGBO(r, g, b, opacity) Определяет непрозрачность. От 0,0 (полностью прозрачный) до 1,0 (полностью непрозрачный) в вашем случае у вас может быть непрозрачность 0,08 для имитации непрозрачности 8%, поэтому код для вас Color.fromRGBO(31, 26, 36, 0.08)
Наложение может быть реализовано с помощью виджета Stack(), который является позиционным виджетом, который работает очень похоже на Colum или Row, но Stack помещает каждый виджет поверх другого виджета.
