如何消除应用底部与Android 10手势导航栏之间的间隙？

我的应用底部与Android 10的系统导航栏之间存在明显间隙，当前应用实际运行效果如下：

我期望达成的效果是：消除底部的黑色间隙，让原本的黑色区域和应用白色内容区自然融合，同时将导航栏设置为灰色，目标效果参考如下：

当前开发配置说明：

• 开发工具使用最新版本的Android Studio
• 应用适配的最低API Level为Android 8及以上版本

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