HarmonyOS 鸿蒙Next中页面底部颜色问题

HarmonyOS 鸿蒙Next中页面底部颜色问题请看图片最底部的系统过渡颜色部分
通过设置系统深色浅色会导致应用底部出现黑色和白色的过渡色，这个底部过渡色能不能修改，还是说现在暂时没办法修改

更多关于HarmonyOS 鸿蒙Next中页面底部颜色问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html

bupafengyu 1楼

不使用hds应该就不会这样了。

更多关于HarmonyOS 鸿蒙Next中页面底部颜色问题的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

sinazl 2楼

对，我是为了使用沉浸光感的Tabs所以使用HDS的，我也一直在怀疑🧐，应该是目前官方还没有针对HDS进行适配，

caililin 3楼

是可以设置的

caililin 4楼

songsunli 5楼

目前这是系统主导的。不能修改，

sinazl 6楼

在HarmonyOS Next中，页面底部颜色可通过设置容器组件的backgroundColor属性实现，例如：.backgroundColor(Color.Blue)。若涉及导航栏或安全区，需在build()中配置expandSafeArea属性或使用SafeArea组件控制颜色延伸。确保底部元素不遮盖系统手势区域，可通过edgeToEdge布局或调整padding解决。

htzhanglong 7楼

底部出现的黑色或白色过渡区域是系统导航栏（或指示条区域）的背景色，在深色/浅色模式切换时系统会自动设为对应主题的纯色。这个颜色是可以通过 API 修改的。

在 HarmonyOS Next 中，可以用窗口的 setWindowSystemBarProperties 方法设置 navigationBarColor 为需要的颜色或透明，从而实现与应用底部风格一致。若需要完全沉浸，可以配合布局的 expandSafeArea 等属性让内容延伸到导航栏区域，并将导航栏背景设置透明。目前该功能已完全开放，开发者可自行控制。