使背景颜色透明时，Android导航栏后面有一半透明的正方形

Question

我有一个项目，我正在为其做一个透明的底部导航栏，只有图标可见。

我从Android Studio中获取了默认的“底部导航活动”项目，并使导航栏的背景透明：

<svg width="450" height="450">
   <path id="5" d="M100,100 L150,100 L150,150  Z"
      style="stroke: #0000cc;
             stroke-width: 2px;
             fill  : #ccccff;"/>
</svg> 

现在有一个半透明的正方形，图标左右两侧分别填充了8dp的填充物（顶部填充物显示的是16dp？）...在Nexus 5X上，图像似乎偏斜了吗？有什么想法可以删除吗？

Galaxy S7：

Nexus 5X：

以下是完整的xml代码供参考：

<svg height="450" width="450">
<path d="M100,100 L150,100 L150,150  Z" id="5" style="stroke: #0000cc;
             stroke-width: 2px;
             fill:#FFFFFF;"></path>
</svg>

Answer 1

因此，事实证明，将以下属性添加到XML内的<Route exact path="/search" component={SearchResult} /> 可以解决此问题：

<BottomNavigationView />

（只需将评论中的答案放入常规答案中即可）