You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何为Maui Blazor Hybrid应用TabbedPage的ToolbarItem设置背景与文字颜色

如何修改MAUI Blazor Hybrid中TabbedPage的ToolbarItem背景色与文字颜色

我正尝试修改Maui Blazor Hybrid应用TabbedPage中ToolbarItem的背景色与文字颜色。当前未使用Shell,项目Resources文件夹也未生成默认的Styles.xaml,且通过NavigationPage来调用MainPage。

我曾尝试在App.xaml中设置样式,但在Windows、iOS、Android等设备上均未生效;也试过使用CssClass设置颜色,同样没有效果。

现有代码片段

App.xaml.cs代码:

var navigationPage = new NavigationPage(new MainPage(nameof(Weather)));
MainPage = navigationPage;

MainPage中TabbedPage的代码片段:

<NavigationPage.TitleView>
    <Label Text="Sample Title Goes Here!" StyleClass="NavigationTitle"/>
</NavigationPage.TitleView>
<TabbedPage.ToolbarItems>        
    <ToolbarItem Text="ToolbarItem Order1" Priority="1" Order="Primary" />
    <ToolbarItem Text="{Binding LoginText}" Priority="4" Order="Secondary" Command="{Binding LoginCommand}" />
</TabbedPage.ToolbarItems>

App.xaml中的样式代码片段:

<Style TargetType="ToolbarItem">
    <Setter Property="Shell.BackgroundColor" Value="pink"/>
</Style>

注: ToolbarItem本身没有颜色属性,因此尝试使用Shell.BackgroundColor,同时也试过将目标类型设为TabbedPage和NavigationPage,但均未生效。

Windows平台下的应用截图显示,下拉菜单中的“Login”文字为白色,无法修改颜色。

内容的提问来源于stack exchange,提问作者Krishie

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.19 12:17:25