react native-如何根据应用程序语言更改抽屉位置?

您可以尝试以下方法:

const AppContainer = ({ position }) => {
  const AppSide = createAppContainer(
    createDrawerNavigator(
      {
        Home: HomeScreen,
        Profile: SettingsScreen
      },
      {
        initialRouteName: "Home",
        // contentComponent: SideMenuScreen
        drawerPosition: position
      }
    )
  );

  return <AppSide />;
};

export default class App extends Component {
  state = {
    position: "left"
  };

  componentDidMount() {
    AsyncStorage.getItem("lang").then(language => {
      if (language == "ar") {
        I18nManager.allowRTL(true);
        this.setState({
          position: "right"
        });
      } else {
        this.setState({
          position: "left"
        });
      }
    });
  }

  render() {
    return <AppContainer position={this.state.position}> </AppContainer>;
  }
}

试试这个

var position_navbar;

export default App extends Component {


    async componentWillMount(){

    var language = await AsyncStorage.getItem("lang");

      if(language == "ar"){
         I18nManager.allowRTL(true);
         this.setState({position:'leftside'})

      }
     }
    }

    render(){
     position_navbar = this.state.position == 'leftside'?'left':'right'

       return (
          <AppContainer> </AppContainer>
       )
    }
    }

    const AppNavigator = createDrawerNavigator(
      {
        Home: HomeScreen,
        Profile: ProfileScreen,
      },
      {
        initialRouteName: "Home",
        contentComponent: SideMenuScreen,
        drawerPosition: position_navbar 
      }
    );
    const AppContainer = createAppContainer(AppNavigator);