React Native Jelly Tabs: Animated Tab Bar for React Native

import { Tabs } from "expo-router";
import { JellyTabBar } from "react-native-jelly-tabs";
import { MaterialIcons } from "@react-native-vector-icons/material-icons";

export default function TabLayout() {
  return (
    <Tabs tabBar={(props) => <JellyTabBar {...props} floating />}>
      <Tabs.Screen
        name="index"
        options={{
          title: "Home",
          tabBarIcon: ({ color, size }) => (
            <MaterialIcons color={color} name="home" size={size} />
          ),
        }}
      />
      <Tabs.Screen
        name="settings"
        options={{
          title: "Settings",
          tabBarIcon: ({ color, size }) => (
            <MaterialIcons color={color} name="settings" size={size} />
          ),
        }}
      />
    </Tabs>
  );
}