I am using react-navigation 6. my requirement is to add a signout button in the bottom tab, I have a bottomTabNavigator. So, I want to add that button on the bottom tabs so as soon as it is pressed the user is logged out. is there a way this can be done?
I am using react-navigation 6. my requirement is to add a signout button in the bottom tab, I have a bottomTabNavigator. So, I want to add that button on the bottom tabs so as soon as it is pressed the user is logged out. is there a way this can be done?
Share Improve this question asked Jan 27, 2022 at 18:43 YusYus 1841 gold badge7 silver badges17 bronze badges1 Answer
Reset to default 6You can override tabBarButton options inside your Tab.Screen. Like this:
const = LogoutComponent = () => {
return null;
}
const navigator = () => {
return (
<Tab.Navigator>
<Tab.Screen name="Logout" ponent={LogoutComponent} options={{
tabBarButton: () => (<TouchableOpacity onPress={() => logout()}/>),
}} />
<Tab.Navigator>
)
}
References: https://medium./@my.maithi/react-native-navigation-add-custom-button-in-the-middle-of-tabbar-6c390201a2bb
发布者：admin，转转请注明出处：http://www.yc00.com/questions/1744957184a4603263.html
评论列表（0条）