显示基于活动主题的图标

Question

我想根据活跃的浅色或深色主题加载正确的图标。

<NavigationButton icon="res://ic_menu" tap="{{ showSlideout }}" />

有什么建议吗？

Answer 1

这将使用基于 is_dark 变量的 true/false 值的图标 ic_menu 或 ic_menu2，可以在某处更改为 bindingContext observable

的一部分

<NavigationButton icon="{{is_dark? 'res://ic_menu':'res://ic_menu2'}}" tap="{{ showSlideout }}" />

如果这不起作用，请尝试这种方式，您将在其中绑定变量以用于表达式

<NavigationButton icon="{{is_dark , is_dark? 'res://ic_menu':'res://ic_menu2'}}" tap="{{ showSlideout }}" />

Display an icon based on active theme