Implement multilingual support by integrating i18n for dynamic text rendering across the app. Added language selection modal in HomeScreen and updated various components to utilize localized strings. Updated package dependencies for async storage and localization.

This commit is contained in:
2025-08-16 22:24:47 +05:00
parent 0f8c9b5e55
commit e431c42df1
13 changed files with 460 additions and 38 deletions

View File

@@ -3,6 +3,7 @@ import { View, Text, StyleSheet, ImageBackground, Pressable } from 'react-native
import Colors from '@/constants/Colors';
import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
import prayerTimeCalculator, { cities } from '@/utils/prayerTimeCalculator';
import i18n from '@/i18n';
type Prayer = {
name: string;
@@ -97,7 +98,7 @@ export default function PrayerTimeCard() {
</View>
</View>
<Text style={styles.remainingTimeLabel}>
{nextPrayer ? `Left on ${nextPrayer.name} prayer` : 'Prayer Times'}
{nextPrayer ? i18n.t('leftOnPrayer', { prayerName: nextPrayer.name }) : i18n.t('prayerTimes')}
</Text>
<Text style={styles.remainingTime}>{remainingTime}</Text>
<View style={styles.prayerTimesContainer}>