React-navigation: how to style a big middle button in tab navigation?

Question

So I have this requirement. To make tab navigation with this exact appearance:

I had no problem styling the tab bar with the gradient and the buttons. I created my own

Answer 1

Try this

             {
                        let iconName;
                        iconName = focused ? constants.images.bottomHome : constants.images.bottomHome //for icon or image
                        return (
                            
                                
                            
                        )
                    }
                }}
                component={HomeScreen} />