XML items doesn't match correctly

Question

I'm having problems with my Android Application. I'm trying to fix my snackbar's layout because it doesn't fit well with my BottomBar. If you see the picture I posted, you can see there's a small space between the two items which shouldn't appear.

I'm gonna show you some code. Inside my MainActivity there's my BottomBar and a FrameLayout. My Snackbar appears on my Fragment (in that framelayout).

MainActivity.xml:

   <FrameLayout
    android:id="@+id/fragment_container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_below="@+id/imageview_logo"
    android:layout_above="@id/bottomBar"
    android:layout_alignParentStart="true">
    </FrameLayout>

    <com.roughike.bottombar.BottomBar
    android:id="@+id/bottomBar"
    android:layout_width="match_parent"
    android:layout_alignParentBottom="true"
    app:bb_tabXmlResource="@xml/bottombar_tabs"
    android:layout_height="60dp"
    app:bb_inActiveTabColor="@color/inActiveTabColor"
    app:bb_inActiveTabAlpha="0.8"
    app:bb_activeTabAlpha="1" />

Fragment.java

This is the java class that shows my Snackbar.

Here's a picture of the problem:

Do you know what could cause this layout issue? Thank you all.

Answer 1

I think the problem is the shadow of the BottomBar itself. You can fix this problem setting the property "showshadow" of the BottomBar to false in your xml file.

 <com.roughike.bottombar.BottomBar
    android:id="@+id/bottomBar"
    android:layout_width="match_parent"
    android:layout_alignParentBottom="true"
    app:bb_tabXmlResource="@xml/bottombar_tabs"
    android:layout_height="60dp"
    app:bb_inActiveTabColor="@color/inActiveTabColor"
    app:bb_inActiveTabAlpha="0.8"
    app:bb_activeTabAlpha="1"
    app:bb_showShadow="false"/>