How to create bottom sheet effect which cover full activity when user scrolls up
<p>As shown in Image, When user click on list a bottom sheet comes up 
and when user scroll up that bottom sheet cover full page just like an activity with toolbar.</p>

<p>How to achieve this ??
What is logic behind the scene ??</p>

<p><a href="https://i.stack.imgur.com/H1U6s.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/H1U6s.png" alt="UI presentation of dialog behaviors on scroll up"></a></p>