I'm new in Jetpack Compose and kotlin. I want to make a custom scrollable tab row with an arrow icon and when I click this icon , the tap row will expand to show all taps and have a black block below this row ,this block can overlap navigation bar and if I click this block the expanded row will be collapse
(black block I meant like this photo black block example
I use Scaffold Composable and put this tap row in topbar but when I expand the row , Scaffold content and bottom bar will be push down, if I put this row into Scaffold content when I expanded it the black block region can't overlap bottom bar .
I would appreciate it if someone can give me some suggestions,thx
(Sorry, I am foreigner,English and words may have some wrong