У меня есть приложение, написанное на выставке, и все в приложении использует «арабский язык».
Поэтому я хочу заставить приложение использовать RTL, поэтому я использую SupportRTL и ForceRTL чтобы сделать это, и он отлично работает в отладочной версии «когда мой мобильный язык LTR ИЛИ RTL работает отлично»
вот мой app.json
{
"expo": {
"extra": {
"supportsRTL": true,
"forcesRTL": true
},
}
}
но когда я выпускаю версию APK для магазина Play Store, когда мой мобильный язык RTL «Арабский», макет и другие вещи работают нормально, НО когда мой мобильный язык LTR «Английский», макет меняется при первой загрузке, но если я закрыл приложение и снова открыл его, оно работает правильно
ПОЭТОМУ я хочу, чтобы мое приложение работало с письмом справа налево, независимо от того, выбран ли мобильный язык «арабский или английский»это мой провайдер локализации
import React, { createContext, useState, useEffect, useContext } from 'react';
import * as Localization from "expo-localization";
import { I18n } from "i18n-js";
import { translations } from "../localization";
import AsyncStorage from "@react-native-async-storage/async-storage";
const LocalizationContext = createContext();
export const LocalizationProvider = ({ children }) => {
const [locale, setLocale] = useState(Localization.getLocales()[0].languageTag);
const i18n = new I18n(translations);
i18n.locale = locale;
i18n.enableFallback = true;
i18n.defaultLocale = "ar";
useEffect(() => {
const fetchLocale = async () => {
const storedLocale = await AsyncStorage.getItem('selectedLocale');
if (storedLocale) {
setLocale(storedLocale);
}
};
fetchLocale();
}, []);
const handleLocaleChange = async (newLocale) => {
await AsyncStorage.setItem('selectedLocale', newLocale);
setLocale(newLocale);
};
return (
{children}
);
};
export const useLocalization = () => {
return useContext(LocalizationContext);
};
я окружил им свое приложение
export default function App() {
return (
);
}
Подробнее здесь: https://stackoverflow.com/questions/787 ... e-just-rtl
