fontFamily "Mirza" is not a system font and has not been loaded through expo-font.
fontFamily "Amiri" is not a system font and has not been loaded through expo-font.
fontFamily "NotoNaskhArabic" is not a system font and has not been loaded through expo-font.
fontFamily "NotoSansArabic" is not a system font and has not been loaded through expo-font.
fontFamily "Poppins" is not a system font and has not been loaded through expo-font. 

bu sayfada bu hataları alıyoruz:

import React from 'react';
import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';
import { Ionicons } from '@expo/vector-icons';
import { useThemeAndLanguage } from '../utils/ThemeAndLanguageContext'; // Path'i kendi yapınıza göre ayarlayın

const FontSettings = ({
  fontSize,
  increaseFontSize,
  decreaseFontSize,
  theme,
  t,
}) => {
  const { 
    setFontFamily, 
    currentFontFamily,
    availableFontFamilies,
    arabicFont 
  } = useThemeAndLanguage();

  return (
    <View style={styles.settingsContent}>
      {/* Example Card */}
      <View style={[styles.exampleCard, { backgroundColor: theme.cardBackground }]}>
        <Text style={[
          styles.exampleText, 
          { 
            fontSize: fontSize * 1.4, 
            fontFamily: arabicFont,
            color: theme.textColor 
          }
        ]}>
          (هذا مثال على الكتابة بالعربية)
        </Text>
      </View>
      
      {/* Font Size Controls */}
      <View style={styles.fontSizeControls}>
        <TouchableOpacity onPress={increaseFontSize} style={styles.fontSizeButton}>
          <Ionicons name="add-circle-outline" size={40} color={theme.primaryColor} />
          <Text style={[styles.fontSizeButtonText, { color: theme.textColor }]}>
            {t('increaseFontSize')}
          </Text>
        </TouchableOpacity>
        <TouchableOpacity onPress={decreaseFontSize} style={styles.fontSizeButton}>
          <Ionicons name="remove-circle-outline" size={40} color={theme.primaryColor} />
          <Text style={[styles.fontSizeButtonText, { color: theme.textColor }]}>
            {t('decreaseFontSize')}
          </Text>
        </TouchableOpacity>
      </View>
      
      {/* Font Family Selection */}
      <View style={styles.fontOptionsContainer}>
        {availableFontFamilies.map((fontFamily) => (
          <TouchableOpacity
            key={fontFamily}
            style={[
              styles.fontOption,
              { 
                backgroundColor: theme.cardBackground,
                borderColor: currentFontFamily === fontFamily ? theme.primaryColor : 'transparent',
                borderWidth: currentFontFamily === fontFamily ? 2 : 0,
              }
            ]}
            onPress={() => setFontFamily(fontFamily)}
          >
            <Text style={[styles.fontOptionText, { color: theme.textColor }]}>
              {fontFamily}
            </Text>
            <Text style={[
              styles.fontOptionSample, 
              { 
                fontFamily: fontFamily,
                color: theme.textColor 
              }
            ]}>
              (اقرأ العربية)
            </Text>
          </TouchableOpacity>
        ))}
      </View>
    </View>
  );
};

const styles = StyleSheet.create({
  settingsContent: {
    flexGrow: 1,
  },
  exampleCard: {
    backgroundColor: 'white',
    borderRadius: 10,
    padding: 15,
    marginVertical: 20,
    width: '90%',
    alignSelf: 'center',

  },
  exampleText: {
    textAlign: 'center',
  },
  fontSizeControls: {
    flexDirection: 'row',
    justifyContent: 'space-around',
    width: '100%',
    marginBottom: 20,
  },
  fontSizeButton: {
    alignItems: 'center',
  },
  fontSizeButtonText: {
    marginTop: 5,
    fontSize: 12,
    color: 'gray',
    textAlign: 'center',
  },
  fontOptionsContainer: {
    flexDirection: 'row',
    flexWrap: 'wrap',
    justifyContent: 'space-around',
    marginTop: 20,
    alignSelf: 'center',
  },
  fontOption: {
    width: '45%',

    backgroundColor: 'white',
    borderRadius: 10,
    padding: 10,
    marginBottom: 20,
    alignItems: 'center',
  },
  fontOptionText: {
    fontSize: 16,
    marginBottom: 5,
    textAlign: 'center',
  },
  fontOptionSample: {
    fontSize: 18,
  },
});

export default FontSettings;