TabView content order

I want to create TabView where tabs are in the middle of the screen and tab content is above and below them. Right now tab buttons don’t work because they are under the content. Is there a way to make them work when content overlays them or somehow reorder the hierarchy?

This sounds like a highly unusual design and users will find such unexpected designs confusing. Best stick to established best practices.

You’ll have to design a custom element. I’d try with a dual tabview, one where the tab buttons are at the bottom and one where they are at the top. Combined this will give you a vertical dual tabview with buttons at the center. Although the buttons will be in two rows. But this would at least be relatable by users.

I managed to design a layout to get it to work without any tricks. We just need to ensure that anything will cover tab buttons.