remove activeOpacity from createMaterialTopTabNavigator tabs react native

[mmt2028]

i want to make active opacity to zero when navigating from one to another screen in create Material Top Tab Navigator. i dont known how to achieve this. i used activeopacity={0} and also known we can disable opacity but from where ? thanks for helping

this is my code

import React from 'react';
import { createMaterialTopTabNavigator } from '@react-navigation/material-top-tabs';
import RecentNotifcation from '../Screens/RecentNotifcation';
import AllNotification from '../Screens/AllNotification';
import { COLORS } from '../Theme/theme';

const Tab = createMaterialTopTabNavigator();

export default function TopTab() {
return (
<Tab.Navigator screenOptions={{
tabBarActiveTintColor:"white",
tabBarLabelStyle: {
textTransform: "capitalize",
},
tabBarInactiveTintColor: "#616161",
tabBarIndicatorStyle: {
height: null,
top: '10%',
bottom: '10%',
borderRadius: 10,
backgroundColor: COLORS.headerColor,
},
tabBarStyle: {
alignSelf: "center",
width: '100%',
borderRadius: 10,
backgroundColor: COLORS.pageBg,
elevation: 5, // shadow on Android

},

}}

<Tab.Screen name="All Notification" component={AllNotification} />
<Tab.Screen name="Recent Notifcation" component={RecentNotifcation} />
</Tab.Navigator>
);}