web-dev-qa-db-ja.com

react-nativeの右から左

このコード（以下）を使用することで、アプリはRTLになりましたが、右と左の位置が変更されました（したがって、右に表示する必要がありますが、左になります） チュートリアル を介して実行しました。

ReactNative.I18nManager.allowRTL(true);

また、別の問題は、モバイルの言語がLTRの場合、アプリにはLTR言語が1つしかないため、画像とデザインの場所が別の側面に変わることです（たとえば、右から左への変更など）。 RTLとLTRを同じように表示する方法はありますか？

react-nativenative-base
15
Mohammad

あなたはこのコードを使うことができます：

最初 ：

import { I18nManager } from 'react-native';

appクラスの2番目はこれを使用します：

constructor(props) {
    super(props);
    I18nManager.forceRTL(true);
}

このようなもの ：

import React, { Component } from 'react';
import { View, I18nManager } from 'react-native';
import { Header } from './src/components/common';
import LoginForm from './src/components/LoginForm';

class App extends Component {

  constructor(props) {
    super(props);
    I18nManager.forceRTL(true);
  }
  render() {
    return (
      <View>
        <Header headerText="Authentication" />
        <LoginForm />
      </View>
    );
  }
}

export default App;
7
Mohsen Safari