如何在Flutter中使用材料3的表面音?

lb3vh1jj  于 2023-02-13  发布在  Flutter
关注(0)|答案(1)|浏览(109)

在我的应用程序中,我使用材质3进行主题化。我使用材质主题构建器在Figma创建了一个主题,并将生成的代码添加到我的应用程序中。但有一些东西我不知道如何实现。例如,材质主题构建器创建了一个包含六种不同颜色的表面色调调色板。

我想使用“表面在+1”的颜色,例如,它协调了表面颜色与原色。但生成的代码不包含任何属性,如surface1和harmonizeWith属性是不工作的预期。
你有什么建议吗?

oyxsuwqo

oyxsuwqo1#

这些值是在框架中导出的。如果您想自己计算值,
final color = ElevationOverlay.applySurfaceTint(color, surfaceTint, elevation);这里的颜色是背景色,surfaceTint是在colorScheme中定义的,高程是1-5。您将得到结果颜色。
但是...它应该使用的方式是通过使用材料小部件作为父提供材料类型的材料小部件。更多信息可以在这里找到源代码
https://github.com/flutter/flutter/blob/198a51ace9d4a7d79ec01e64d48f8fc6e37fb9d7/packages/flutter/lib/src/material/material.dart#L504

相关问题