Какой фоновый цвет имеет панель навигации Material Design 3 в Google Apps?

Question

Согласно документации панели навигации в Material Design 3 , панель навигации имеет цвет фона md.sys.color.surface.

Я попробовал это в одном приложении, но в Google Apps (Play Store, Photos, ...), кажется, используется другой цвет. Кто-нибудь знает, какой цвет Google использует здесь?

Во Flutter поверхность реализована так:

      final Color surface = Color(neutrals.get(dark ? 10 : 99));

Answer 1

Есть простое, но не столь очевидное решение

      val navigationBarElevation = NavigationBarDefaults.Elevation
systemUiController.setNavigationBarColor(color = colorScheme.surfaceColorAtElevation(navigationBarElevation)) 

Сам NavigationBar используетsurfaceцвет и повышается на некоторое значение по умолчанию. Вы можете получить доступ к последнему значению следующим образом:NavigationBarDefaults.Elevation. Зная это, вы должны использовать функцию расширенияColorScheme.surfaceColorAtElevation(), что гарантирует вам необходимый цвет. Обратите внимание: если вы используете значение по умолчаниюColorScheme, изменятьcolorSchemeкMaterialTheme.colorScheme

Answer 2

Это тоже цвет, но они настроили другие цвета для surface. В данном случае это #FFFFFFFFдля легкого режима и #FF000000для темного режима.