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

Question

当我添加选定的代码时，它会显示未定义的对象（评估“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

如果您使用的是 navigation 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