为什么BottomSheet的背景颜色与Flutter中Material 3中设置的颜色不一样？

Question

我正在使用材料 3 并打开BottomSheet，如下所示：

showModalBottomSheet(
   context: context,
   backgroundColor: Colors.white,
   ...

但是，背景不是 100% 白色 - 看起来与主题的原色有点混合。如果我在 BottomSheet 内添加元素并将其背景颜色设置为 Colors.white，它们将按预期显示（因此您可以看到 BottomSheet 的颜色有所不同）。

如果我尝试使用主题颜色（例如 Theme.of(context).colorScheme.background），也会发生同样的情况 - 颜色与具有相同颜色规格的底表内的其他元素不同。

是否有任何其他配置或设置以使 BottomSheet 获得设置的颜色？

Answer 1

使用

surfaceTintColor

showModalBottomSheet(
       context: context,
       backgroundColor: Colors.white,
       surfaceTintColor :Colors.white,
       ..........