reactjs - 如何在 React Native 中将 View 的方向属性设置为 RTL

Question

如何设置 View 的方向属性在 native react 中......类似于:

<View direction="rtl" />

或

如何强制整个应用程序的方向为从右到左...无论 making my app RTL Ready 之后的当前设备语言如何

Answer 1

我通过在 MainApplication.java 中调用 forceRTL 解决了这个问题，例如:

MainApplication.java 导入 com.facebook.react.modules.i18nmanager.I18nUtil;

 @Override
  public void onCreate() {
    super.onCreate();
    SoLoader.init(this, /* native exopackage */ false);

    I18nUtil sharedI18nUtilInstance = I18nUtil.getInstance();
    sharedI18nUtilInstance.forceRTL(this,true);
    sharedI18nUtilInstance.allowRTL(this, true);
  }

AndroidManifest.xml

<Application
...
android:supportsRtl="true"
...
/>

因为在 App.js 中调用 forceRTL 确实需要重新启动应用才能工作。

I18nManager.forceRTL(true);//处理应用程序的二次加载

现在，当我设置 flexDirection: 'row' 时，它将是从右到左