wip

app.json

@@ -101,7 +101,7 @@
         }
       ],
       ["react-native-edge-to-edge"],
-      ["react-native-bottom-tabs", { "theme": "material2" }]
+      ["react-native-bottom-tabs"]
     ],
     "experiments": {
       "typedRoutes": true

app/(auth)/(tabs)/(home)/index.tsx

@@ -5,7 +5,6 @@ import { ScrollingCollectionList } from "@/components/home/ScrollingCollectionLi
 import { Loader } from "@/components/Loader";
 import { MediaListSection } from "@/components/medialists/MediaListSection";
 import { Colors } from "@/constants/Colors";
-import { TAB_HEIGHT } from "@/constants/Values";
 import { useDownload } from "@/providers/DownloadProvider";
 import { apiAtom, userAtom } from "@/providers/JellyfinProvider";
 import { useSettings } from "@/utils/atoms/settings";

app/(auth)/(tabs)/(search)/index.tsx

@@ -1,4 +1,3 @@
-import { HorizontalScroll } from "@/components/common/HorrizontalScroll";
 import { Input } from "@/components/common/Input";
 import { Text } from "@/components/common/Text";
 import { TouchableItemRouter } from "@/components/common/TouchableItemRouter";
@@ -8,7 +7,6 @@ import { Loader } from "@/components/Loader";
 import AlbumCover from "@/components/posters/AlbumCover";
 import MoviePoster from "@/components/posters/MoviePoster";
 import SeriesPoster from "@/components/posters/SeriesPoster";
-import { TAB_HEIGHT } from "@/constants/Values";
 import { apiAtom, userAtom } from "@/providers/JellyfinProvider";
 import { useSettings } from "@/utils/atoms/settings";
 import { getUserItemData } from "@/utils/jellyfin/user-library/getUserItemData";
@@ -226,10 +224,6 @@ export default function search() {
         contentContainerStyle={{
           paddingLeft: insets.left,
           paddingRight: insets.right,
-          paddingBottom: 16,
-        }}
-        style={{
-          marginBottom: TAB_HEIGHT,
         }}
       >
         <View className="flex flex-col pt-2">

app/(auth)/(tabs)/_layout.tsx

@@ -1,5 +1,5 @@
-import React, { useEffect } from "react";
-import { Platform, View } from "react-native";
+import React from "react";
+import { Platform } from "react-native";
 
 import { withLayoutContext } from "expo-router";
 
@@ -12,12 +12,11 @@ const { Navigator } = createNativeBottomTabNavigator();
 
 import { BottomTabNavigationOptions } from "@react-navigation/bottom-tabs";
 
+import { Colors } from "@/constants/Colors";
 import type {
   ParamListBase,
   TabNavigationState,
 } from "@react-navigation/native";
-import {} from "@expo/vector-icons/Ionicons";
-import { Colors } from "@/constants/Colors";
 import { SystemBars } from "react-native-edge-to-edge";
 
 export const NativeTabs = withLayoutContext<
@@ -34,12 +33,9 @@ export default function TabLayout() {
       <NativeTabs
         sidebarAdaptable
         ignoresTopSafeArea
-        barTintColor={"#121212"}
+        barTintColor={Platform.OS === "android" ? "#121212" : undefined}
         tabBarActiveTintColor={Colors.primary}
         scrollEdgeAppearance="default"
-        screenOptions={{
-          lazy: false,
-        }}
       >
         <NativeTabs.Screen redirect name="index" />
         <NativeTabs.Screen