diff --git a/navigation/AppNavigator.js b/navigation/AppNavigator.js index e63b4c1..d36f855 100644 --- a/navigation/AppNavigator.js +++ b/navigation/AppNavigator.js @@ -44,7 +44,7 @@ const AppNavigator = observer(() => { // In our case, it's "Main" as that's the first screen inside the navigator route.params?.screen || Screens.MainScreen; return ({ - headerShown: routeName === Screens.SettingsTab, + headerShown: false, title: t(`headings.${routeName.toLowerCase()}`) }); }} diff --git a/navigation/SettingsNavigator.js b/navigation/SettingsNavigator.js index 80eb8e4..2cea156 100644 --- a/navigation/SettingsNavigator.js +++ b/navigation/SettingsNavigator.js @@ -7,6 +7,7 @@ import { createStackNavigator } from '@react-navigation/stack'; import { observer } from 'mobx-react-lite'; import React from 'react'; +import { useTranslation } from 'react-i18next'; import Screens from '../constants/Screens'; import DevSettingsScreen from '../screens/DevSettingsScreen'; @@ -14,21 +15,27 @@ import SettingsScreen from '../screens/SettingsScreen'; const SettingsStack = createStackNavigator(); -const SettingsNavigator = observer(() => ( - - - - -)); +const SettingsNavigator = observer(() => { + const { t } = useTranslation(); + + return ( + + + + + ); +}); export default SettingsNavigator;