On Android 14 3-button navigation has a black background, but on Android 15 is transparent and does not look good. Is it possible something change? I used react-native-safe-area-context in my app, and I think I also need to check if insets.bottom appears because the height is fixed at 64

"@react-navigation/bottom-tabs": "^7.2.1",
"@react-navigation/material-top-tabs": "^7.1.1",
"@react-navigation/native": "^7.0.15",
"@react-navigation/stack": "^7.1.2",
"react-native": "0.78.0",
"react-native-gesture-handler": "^2.24.0",
"react-native-reanimated": "^3.17.1",
"react-native-safe-area-context": "^5.3.0",
"react-native-screens": "^4.9.2",

const BottomTabNavigator: FC = () => {
  return (
    <Tab.Navigator initialRouteName={Paths.Home}>
      <Tab.Screen
        name={Paths.Home}
        options={{
          headerShown: false,
          tabBarShowLabel: false,
          tabBarIcon: (props) => (
            <NUITabIcon icon={IconHome2} {...props} size={28} />
          ),
        }}
      />
      <Tab.Screen
        component={ScheduleScreen}
        name={Paths.Schedule}
        options={{
          tabBarIcon: (props) => (
            <TabIcon {...props} icon={IconCalendar2} size={24} />
          ),
        }}
      />
      <Tab.Screen component={TicketsScreen} name={Paths.Tickets} />
      <Tab.Screen
        component={ChatScreen}
        name={Paths.Chat}
        options={{
          tabBarIcon: (props) => <TabIcon {...props} icon={IconChat2} />,
        }}
      />
      <Tab.Screen
        component={ProfileScreen}
        name={Paths.Profile}
        options={{
          tabBarIcon: (props) => <TabIcon {...props} icon={IconAccount2} />,
        }}
      />
    </Tab.Navigator>
  );
};

export default BottomTabNavigator;