![](https://media.giphy.com/media/KZ5CvOha7OaR1ggpf3/giphy.gif)

How is it possible to achieve this behaviour with umano sliding panel and a bottom navigation view sliding on top of eachother?

Since Umano Sliding Panel up requires 2 child layouts(main layout and slider layout) where should i add the navigation view? At the moment my layout is like this:

```
<RelativeLayout>

     <SlidingPanelUp layout_above="bottom_navigation_view">

     <(Main)CoordinatorLayout>
     <(Slider)LinearLayout/>
     <(Main)/CoordinatorLayout>

     </SlidingPanelUp>

<BottomNavigationView alignParentBottom="true"/>

</RelativeLayout>

```

Right now when the slider takes up all of the screen i have to hide the bottom navigation and when slider is collapsed or closed i have to make navigation visible again.

The problem is that i use "setVisibility" method on the navigation bar and it just appears and disappears out of nowhere and the transition is really ugly. 

I tried using animations but the sliding animation from the SlidingPanel is faster than my custom animation so the navigation always ends up on top (basically the 'layout\_above="bottom\_navigation\_view"' is not working).

Any idea how to make it as smooth as SoundCloud?