I have a page on my app with a big google map and i want to add something like a slide up panel by making use of the actions triggered by vertical swipe and adjustable cotainer hights based on a page state which toggles when swiping in the certain area.
What I want is that all the space between App Bar and Navbar is filled with a Container for the Map and a container for the swipe action which has a height of 30 px. So I basicly want my Container for the Map to be "Available space-30 PX) and the Container for the swipe action 30 px as I mentioned. When I swipe, I trigger a page state toggle of a boolean variable which then triggers the container for the map to shrink in size to 50% screenheight.
I got it working for Testmode and Run mode (see pictures) by simple using Code expressions using the global parameter "screenheight" by assuming my navbar is always 111 px in height (because using the the test mode it always had 111 px overflow regardless of the screentype i choose).
But when testing on phone the bar for swiping seems to be disapearing behind the Navbar so i assume that its bigger then 111 px on my phone. So what I need Is probably a way to get the height of the Navbar (im using google navbar btw) and using a custom function for getting the right height of my map container. But somehow I have always problems with custom functions, all the standard imports a generating errors, so I always try to avoid that..
Or maybe someone has a better idea for that problem to make the size of the map container the available space (space between appbar and navbar) - 30 px.