react-native - 在 React Native 中获得右侧的抽屉导航菜单

Question

当我添加选定的代码时，它会显示 undefined object (评估“route.routeName”)。
抽屉导航默认在左侧。如何在右侧获得它？

import React, { Component } from "react";
import { Platform, StyleSheet, Text, View } from "react-native";
import { DrawerNavigator } from "react-navigation";
import ScreenFirst from "./src/ScreenFirst";
import ScreenTwo from "./src/ScreenTwo";

const DrawerExample = DrawerNavigator(
  {
    ScreenFirst: { screen: ScreenFirst },
    ScreenTwo: { screen: ScreenTwo }
  },
  {
    drawerPosition: "right",
    drawerWidth: 100
  }
);
export default DrawerExample;

Answer 1

如果您使用导航 3.x，您将需要导入这些家伙

import {createDrawerNavigator, createAppContainer} from 'react-navigation'

然后试试这个:

const DrawerExample = DrawerNavigator(
  {
    ScreenFirst: { screen: ScreenFirst },
    ScreenTwo: { screen: ScreenTwo }
  },
  {
    drawerPosition: "right",
    drawerWidth: 100
  }
);

const MyApp = createAppContainer(DrawerExample);
export default MyApp