How to add Button to a BottomTabNavigator on React Native?

Question

My goal is to have both Top and Bottom navigation bar for Home, Dashboard, and Album, but not for the SignIn. Here\'s the catch, I wish to put

Answer 1

You can use the tabbarbutton like below. This would pass the props and render a the touchableopacity and you can have your own onPress.

You can navigate, here i have given an alert

    <Tab.Screen name="Settings"  
         options={({navigation})=> ({
           tabBarButton:props => <TouchableOpacity {...props} onPress={()=>navigation.navigate('SignIn')}/>
    })}/>