react-native-animated-tabbar icon indicating copy to clipboard operation
react-native-animated-tabbar copied to clipboard

Support for custom tab button component for center buttons

Open LadislavBohm opened this issue 4 years ago • 3 comments

Feature Request

It would be great to support adding a tab that is not in any way handled by animated tabbar except for rendering it's component. That would allow me to implement a UI like this:

image

Where middle button is my custom component that handles it's press and everything. I am able to easily implement this using react navigation 5, but was not able to find a way to do it in animated tabbar because if I don't configure a tab component it throws.

Why it is needed

More flexibility in UI tab and implicit support for any custom per-tab behavior like custom animation.

Possible implementation

In routesWithTabConfig function you could skip routes you do not find in configuration and create a custom component tab instead. Then in all PresetComponents you would check if current tab is standard tab for given preset or custom one. If it's custom one you could just render it as it is? It's very high level idea though.

LadislavBohm avatar Apr 02 '21 14:04 LadislavBohm

i am working on a major release that will allow custom overrides for each tab item !

gorhom avatar Apr 06 '21 20:04 gorhom

@gorhom any updates on your new release? can I help?

alexghi avatar Jun 08 '21 19:06 alexghi

This would be great. My use case is to hide specific tabs. With the current version it's not possible.

pekq avatar Jul 28 '21 17:07 pekq