How to remove ripple effect from Tabs

Let’s remove the annoying ripple effect from Tabs for Android.

//In your TabLayout
import { PlatformPressable } from '@react-navigation/elements';

 screenOptions={{
    ...
        headerShown: false,
        tabBarShowLabel: false,

        //Remove the ripple effect from Tabs
        tabBarButton: (props) => (
          <PlatformPressable
            {...props}
            android_ripple={{ color: "transparent" }}
          />
        ),
        //Ripple effect ends

        //Other styling options
        tabBarItemStyle: {
          paddingTop: 4,
        },
 }