реакции-навигация Выровненный по правому краю ящик

Question

Я работаю над createDrawerNavigator, и я добавил drawerPosition: 'right', Но drawerLabel: 'Home' Все еще слева.
Как я должен поместить содержимое DrawerNavigator в правильное выравнивание?

class MyHomeScreen extends React.Component {
  static navigationOptions = {
    drawerLabel: 'Home',
  };

  render() {
    return (
      <View>
        <Button
          onPress={() => this.props.navigation.toggleDrawer()}
          title="Open Drawer"
        />
      </View>
    );
  }
}

const MyApp = createDrawerNavigator({
  Home: {
    screen: MyHomeScreen,
  },
  Notifications: {
    screen: MyNotificationsScreen,
  },
},
{
  drawerPosition: 'right',
});

Мне нужен этот вывод:

Answer 1

Solved✅.

 const DrawerStack = createDrawerNavigator(
  {
    Home: {
      screen: Screen1Stack
    },
    About: {
      screen: Screen2Stack,
    },
  },
  {
    initialRouteName: 'Home',
    contentOptions: {
      activeTintColor: '#e91e63',
      itemsContainerStyle: {
        // opacity: 1
      },
      iconContainerStyle: {
        // opacity: 1
      },
      itemStyle: {
        flexDirection: 'row-reverse'
      }
    },
    drawerWidth: 300,
    drawerPosition: 'right'
  }
);