解决Android布局周围出现半透明阴影的问题

先放几张问题截图：

问题描述：

如图，今天在做项目时突然遇到了这个问题，很是费解，折腾了一个晚上，最终找到了原因，原因在于RelativeLayout 的问题，于是把下面的RelativeLayout替换成LinearLayout问题就解决了。但是具体原因还是不清楚，希望有知道的大神能解答一下，在下感激不尽。(ps：之前这段代码用RelativeLayout 还没出现这个问题，真是见了鬼了==)
原代码：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".ui.common.MainActivity">

    <include
        android:id="@+id/main_appBarLayout"
        layout="@layout/common_toolbar" />


    <LinearLayout
        android:id="@+id/main_tabs"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/bg_content_area"
        android:layout_below="@+id/main_appBarLayout"
        android:orientation="vertical" />

    <com.ashokvarma.bottomnavigation.BottomNavigationBar
        android:id="@+id/main_bottom_nav_bar"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignParentBottom="true" />
</RelativeLayout>

修改如下：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".ui.common.MainActivity"
    >

    ...省略代码
</LinearLayout>