Translate tabbar items

This commit is contained in:
Zoe Roux 2024-05-28 22:49:43 +02:00
parent c203fa8eea
commit af66b31e35
No known key found for this signature in database
2 changed files with 7 additions and 3 deletions

View File

@ -23,8 +23,11 @@ import Browse from "@material-symbols/svg-400/rounded/browse-fill.svg";
import Downloading from "@material-symbols/svg-400/rounded/downloading-fill.svg"; import Downloading from "@material-symbols/svg-400/rounded/downloading-fill.svg";
import Home from "@material-symbols/svg-400/rounded/home-fill.svg"; import Home from "@material-symbols/svg-400/rounded/home-fill.svg";
import { Tabs } from "expo-router"; import { Tabs } from "expo-router";
import { useTranslation } from "react-i18next";
export default function TabsLayout() { export default function TabsLayout() {
const { t } = useTranslation();
return ( return (
<Tabs <Tabs
screenOptions={{ screenOptions={{
@ -34,21 +37,21 @@ export default function TabsLayout() {
<Tabs.Screen <Tabs.Screen
name="index" name="index"
options={{ options={{
tabBarLabel: "Home", tabBarLabel: t("navbar.home"),
tabBarIcon: ({ color, size }) => <Icon icon={Home} color={color} size={size} />, tabBarIcon: ({ color, size }) => <Icon icon={Home} color={color} size={size} />,
}} }}
/> />
<Tabs.Screen <Tabs.Screen
name="browse" name="browse"
options={{ options={{
tabBarLabel: "Browse", tabBarLabel: t("navbar.browse"),
tabBarIcon: ({ color, size }) => <Icon icon={Browse} color={color} size={size} />, tabBarIcon: ({ color, size }) => <Icon icon={Browse} color={color} size={size} />,
}} }}
/> />
<Tabs.Screen <Tabs.Screen
name="downloads" name="downloads"
options={{ options={{
tabBarLabel: "Downloads", tabBarLabel: t("navbar.download"),
tabBarIcon: ({ color, size }) => <Icon icon={Downloading} color={color} size={size} />, tabBarIcon: ({ color, size }) => <Icon icon={Downloading} color={color} size={size} />,
}} }}
/> />

View File

@ -103,6 +103,7 @@
"navbar": { "navbar": {
"home": "Home", "home": "Home",
"browse": "Browse", "browse": "Browse",
"download": "Download",
"search": "Search", "search": "Search",
"login": "Login", "login": "Login",
"admin": "Admin panel" "admin": "Admin panel"