diff --git a/src/components/language.js b/src/components/language.js
new file mode 100644
index 0000000..e98e1c7
--- /dev/null
+++ b/src/components/language.js
@@ -0,0 +1,65 @@
+import React from 'react';
+import { StatusBar, View } from 'react-native';
+import { List, Appbar, useTheme } from 'react-native-paper';
+import { StyleSheet } from 'react-native';
+import { useSelector, useDispatch } from 'react-redux';
+import { setChosenLanguage } from '../appredux/actions';
+import { strings, changeLanguage } from '../utils/i18n';
+
+export default function LanguageScreen({ navigation }) {
+ const theme = useTheme();
+ const isDarkTheme = theme.dark;
+ const dispatch = useDispatch();
+ const { chosenLanguage } = useSelector(state => state.themeReducer);
+
+ const onChangeLanguage = (languageKey) => {
+ dispatch(setChosenLanguage(languageKey));
+ changeLanguage(languageKey);
+ navigation.navigate('App');
+ };
+
+ return (
+ <>
+
+
+ { navigation.goBack() }}
+ />
+
+
+
+
+ }
+ onPress={() => onChangeLanguage('en')}
+ />
+ }
+ onPress={() => onChangeLanguage('id')}
+ />
+
+
+ >
+ )
+}
+
+const styles = StyleSheet.create({
+ container: {
+ flex: 1,
+ marginHorizontal: 10
+ },
+});