如何更改MAUI应用屏幕底部黑色导航栏的颜色？

针对你遇到的导航栏区域颜色无法修改、边缘仍为黑色的问题，可按以下步骤逐一排查解决：

1. Shell全局样式配置（通用方式） #

如果你的应用基于MAUI Shell开发，直接在AppShell.xaml中设置相关属性即可统一控制导航栏/标签栏样式：

<Shell
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    x:Class="YourAppNamespace.AppShell"
    <!-- 设置Shell主背景色 -->
    BackgroundColor="#2196F3"
    <!-- 标题文字颜色 -->
    TitleColor="White"
    <!-- 底部标签栏背景色 -->
    TabBarBackgroundColor="#2196F3"
    <!-- 标签栏选中文字颜色 -->
    TabBarTitleColor="White"
    <!-- 标签栏未选中文字颜色 -->
    TabBarUnselectedColor="#E0E0E0">

    <!-- 你的Shell内容 -->
</Shell>

2. Android系统导航栏颜色适配 #

如果黑色边缘是Android系统自带的底部导航栏（非MAUI自定义TabBar），需要在Android平台项目中修改：
打开Platforms/Android/MainActivity.cs，在OnCreate方法中添加以下代码：

protected override void OnCreate(Bundle savedInstanceState)
{
    base.OnCreate(savedInstanceState);

    // 设置系统导航栏背景色
    Window.SetNavigationBarColor(Android.Graphics.Color.ParseColor("#2196F3"));
    // 若导航栏背景为浅色，开启此选项让图标文字变为深色
    // Window.DecorView.SystemUiVisibility = Android.Views.StatusBarVisibility.LightNavigationBar;
}

3. 自定义TabLayout样式（Android平台） #

若你是通过自定义TabLayout实现标签栏，需在Android资源文件中修改样式：
在Platforms/Android/Resources/layout下创建或修改CustomTabLayout.axml：

<?xml version="1.0" encoding="utf-8"?>
<com.google.android.material.tabs.TabLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/tabLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    <!-- 设置TabLayout背景色 -->
    android:background="#2196F3"
    <!-- 选中标签的下划线颜色 -->
    app:tabIndicatorColor="White"
    <!-- 选中标签文字颜色 -->
    app:tabSelectedTextColor="White"
    <!-- 未选中标签文字颜色 -->
    app:tabTextColor="#E0E0E0"/>

4. 排查样式冲突 #

检查App.xaml或其他资源文件中是否存在覆盖默认样式的设置，确保没有冲突的Setter：

<ResourceDictionary>
    <Style TargetType="TabBar">
        <Setter Property="BackgroundColor" Value="#2196F3"/>
    </Style>
</ResourceDictionary>

内容的提问来源于stack exchange，提问作者Ruslan_Uterly