通过使用以下代码(在下面),该应用程序已成为RTL,但是Right&Left的位置已更改(因此必须在Right中显示的内容变为Left)。我通过tutorial做到了。

ReactNative.I18nManager.allowRTL(true);


另一个问题是,当Mobile的语言为LTR时,图像和设计的位置会变成另一面(例如,从右到左的变化),因为App只有一种LTR语言。有没有办法彼此显示RTL和LTR?

最佳答案

您可以使用以下代码:

首先:

import { I18nManager } from 'react-native';


App类中的第二个使用this:

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;

关于react-native - 从右到左在 native ,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/43191621/

10-12 04:09