使用DrawerNavigator作为主UI，应用程序始终输入默认项目屏幕而不显示抽屉项目

import React, {Component} from 'react';
import {Text,  View} from 'react-native';

import { DrawerNavigator } from 'react-navigation';


class Page1 extends Component {
  render () {
    return (
      <View style={{padding: 50}}>
        <Text>
          Page1
        </Text>
      </View>
    );
  }
}

class Page2 extends Component {
  render () {
    return (
      <View style={{padding: 50}}>
        <Text>
          Page2
        </Text>
      </View>
    );
  }
}


const DrawerNavi = DrawerNavigator({
  Page1: {
    screen: Page1
  },
  Page2: {
    screen: Page2
  }
});

export default class App extends React.Component {
  render() {
    return <DrawerNavi />;
  }
}

const DrawerNavi = createDrawerNavigator({
  Page1: {
    screen: Page1
  },
  Page2: {
    screen: Page2
  }
});

您应该使用createDrawerNavigator而不是DrawerNavigator。我实际上并不明白你的意思是“当它运行时，App UI显示”page1“而不是显示2个绘图项'page1'和'page1'”

drawerNavigator将在左侧或右侧显示您的drawerItems（取决于您要放置它的位置），然后您可以向左/向右滑动以访问它。它还要求您有一个默认屏幕。您可以通过将initialRouteName传递给组件来更改此默认屏幕。

您可以在这里阅读有关drawerNavigator的更多信息：https://reactnavigation.org/docs/en/drawer-navigator.html