I want to create a tab bar in React Native that has the following characteristics:

Custom UI (Custom Tab Styling AND a "create tab button" at the end of the tab bar)

Scrollable (More Tabs then width can take)

Dynamic Content (a click on a button IN the tabbar creates a new tab)

Pressing the button should create another tab at the end of the tab list.

I tried Native base Tabs, but there I cannot place the button in the tab bar. I also tried doing it with React Navigation but struggle overwriting tabBarComponent and especially using the position parameter to visualize the active tab and animate between tabs.

Question: How can this be done in React Native? Is there some example somewhere?