mirror/App
1
0
Fork 0
mirror of https://github.com/Jellify-Music/App.git synced 2026-02-25 05:08:39 -06:00
Code Issues Packages Projects Releases Wiki Activity

building out the rest of the tab bar

Browse Source
This commit is contained in:
Violet Caulfield
2024-11-23 08:50:12 -06:00
parent 4d0625fb32
commit 6ba236b1cf
4 changed files with 61 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
components/Library/component.tsx Normal file
View File

@@ -0,0 +1,8 @@
import React from "react";
import { View } from "tamagui";
export default function Library(): React.JSX.Element {
return (
<View></View>
)
}

10
components/Search/component.tsx
View File

@@ -0,0 +1,10 @@
import React from "react";
import { View } from "tamagui";
export default function Search(): React.JSX.Element {
return (
<View>
</View>
)
}

10
components/Settings/component.tsx
View File

@@ -0,0 +1,10 @@
import React from "react";
import { View } from "tamagui";
export default function Settings(): React.JSX.Element {
return (
<View>
</View>
)
}

33
components/tabs.tsx
View File

@@ -4,6 +4,9 @@ import Home from "./Home/component";
import MaterialCommunityIcons from "react-native-vector-icons/MaterialCommunityIcons";
import { useColorScheme } from "react-native";
import { Colors } from "../enums/colors";
import Search from "./Search/component";
import Library from "./Library/component";
import Settings from "./Settings/component";
const Tab = createBottomTabNavigator();
@@ -26,6 +29,36 @@ export function Tabs() {
)
}}
/>
<Tab.Screen
name="Library"
component={Library}
options={{
tabBarIcon: ({color, size }) => (
<MaterialCommunityIcons name="heart-multiple-outline" color={color} size={size} />
)
}}
/>
<Tab.Screen
name="Search"
component={Search}
options={{
tabBarIcon: ({color, size }) => (
<MaterialCommunityIcons name="magnify" color={color} size={size} />
)
}}
/>
<Tab.Screen
name="Settings"
component={Settings}
options={{
tabBarIcon: ({ color, size }) => (
<MaterialCommunityIcons name="dip-switch" color={color} size={size} />
)
}}
/>
</Tab.Navigator>
)
}