React native reload bottom tabs on each click for webview - react-native

Question

I have two bottom tabs 'Home' and 'Account' on the app and each one will load a webview of the website. When we click on the Home tab, it will load the website using the web view but if we go to the sub-items from that tab and then after clicking the Home tab again it doesn't change anything. I would like to go to the website's home page whenever a user clicks on the Home tab, Is it possible to do it? I tried using the unmountOnBlur: true option of the navigation and it's working if we are switching the different tabs but from the same tabs, it doesn't reload the page.
export default class App extends React.Component {
render() {
return (
<NavigationContainer>
<Tabs.Navigator
screenOptions={
{ headerShown: false }}
tabBarOptions={{
activeTintColor: '#000000',
inactiveTintColor: 'gray',
showLabel: false
}}
>
<Tabs.Screen name="Home" component={Home} options={{
unmountOnBlur: true,
tabBarLabel: 'Home',
tabBarIcon: ({ color, size }) => (
<MaterialCommunityIcons name="home" color={color} size={size} />
),
}}
listeners={({ navigation }) => ({
tabPress: (e) => {
// Prevent default action
e.preventDefault();
navigation.navigate("Home");
},
})}/>
<Tabs.Screen name="Account" component={Account} options={{
unmountOnBlur: true,
tabBarLabel: 'Profile',
tabBarIcon: ({ color, size }) => (
<MaterialCommunityIcons name="account" color={color} size={size} />
),
}}
listeners={({ navigation }) => ({
tabPress: (e) => {
// Prevent default action
e.preventDefault();
navigation.navigate("Account");
},
})}/>
</Tabs.Navigator>
</NavigationContainer>
);
}
}