Flutter 的深色模式颜色

Md *_*din 5 uicolor material-design flutter android-dark-theme

在网站material.io中写道:

创建品牌深色表面,覆盖主品牌颜色在低不透明度超过建议黑暗的主题表面颜色(#121212)。颜色 #1F1B24 是将深色主题表面颜色 #121212 和8% 原色结合的结果。

品牌颜色

我的问题是:

  1. 如何计算 8% 的颜色?
  2. 如何在Flutter 中实现这个叠加的东西?

cmd*_*ter 1

颜色的 1.8% 是颜色,但不透明度为 8%。这可以通过使用Opacity 小部件或使用Colors 类的 withOpacity 方法来实现。

2.

覆盖层是元素上的半透明覆盖物,指示状态。叠加提供了一种使用不透明度可视化状态的系统方法。

要在 Flutter 中提供 Overlay,请使用Overlay Widget

flutter-using-overlay-to-display-floating-widgets 中的示例