如何修复项目在反应本机弹性布局中的位置?

Question

我正在为我的反应原生项目使用flex 布局。当我在设备上运行我的应用程序并将手机语言更改为波斯语 (RTL( 时，我的布局方向随之改变，但我不想改变它。所以我正在寻找一种方法来设置我的路线以通过电话语言动态修复或选择它们。 像这样：

if (lang===persian){
flexDirection : 'row-reverse'
}
else{
flexDirection : 'row'
}

提前感谢您的帮助。

Answer 1

您可以使用NativeModules和Platform：

import { NativeModules, Platform } from 'react-native'
//OS
const isIOS = Platform.OS === 'ios';
// lang:
const lang = isIOS ? NativeModules.SettingsManager.settings.AppleLocale : NativeModules.I18nManager.localeIdentifier;
[...]
<View style={[
somestyle, //var containing your style
lang === 'yourlanguage' ? {flexDirection : 'row-reverse'} : {flexDirection : 'row'} ]} // if presian change flexdirection
/>