используя DrawerNavigator в качестве основного пользовательского интерфейса, приложение всегда открывает экран элементов по умолчанию, не отображая элементы ящика

Question

Я разрабатываю приложение с ReactNative и React-Navigation.

И я установил DrawerNavigator в качестве основного пользовательского интерфейса.

Но при запуске приложения оно всегда будет отображаться на экране элемента по умолчанию, без отображения элемента ящика.

Что мне не хватает?

---

Версия React-Navigation: "2.18.2"

Код файла App.js следующий.При запуске пользовательский интерфейс приложения отображает «page1» вместо 2 элементов рисования «page1» и «page1»

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 />;
  }
}

Answer 1

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

Вы должны использовать createDrawerNavigator вместо DrawerNavigator.Я на самом деле не понимаю, что вы имеете в виду, когда «Когда он запускается, пользовательский интерфейс приложения показывает« page1 »вместо того, чтобы показывать 2 элемента рисования« page1 »и« page1 »"

мой ящикNavigator будет показывать ваши элементы в виде ящика слеваили вправо (в зависимости от того, где вы хотите разместить его), затем вы можете провести влево / вправо, чтобы получить к нему доступ.Это также требует, чтобы у вас был экран по умолчанию.Вы можете изменить этот экран по умолчанию, передав initialRouteName компоненту.

Вы можете узнать больше о pocketNavigator здесь: https://reactnavigation.org/docs/en/drawer-navigator.html