Имя функции DrawerNavigator устарело, используйте взамен createDrawerNavigator

Question

Я использовал createDrawerNavigator, но он не работает, мой код

// App.js

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

import {createDrawerNavigator} from 'react-navigation';

import HomeScreen from './HomeScreen';
import SettingsScreen from './SettingsScreen';

class App extends React.Component {
  render() {
    return (
      <View style={styles.container}>
      <Text>Hey</Text>
        <MyApp/>
      </View>
    );
  }
}

export default App;

const MyApp=createDrawerNavigator({
  Home:{
    screen:HomeScreen
  },
  Settings:{
    screen :SettingsScreen
  }
});

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});




//HomeScreen.js

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

class HomeScreen extends React.Component {
render() {
  return (
    <View style={styles.container}>
     <Text>Hey There</Text>
    </View>
  );
}
  }
  export default HomeScreen;

  const styles = StyleSheet.create({
container: {
  flex: 1,
  backgroundColor: '#fff',
  alignItems: 'center',
  justifyContent: 'center',
},
  });

//SettingScreen.js

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

class SettingsScreen extends React.Component {
render() {
  return (
    <View style={styles.container}>
     <Text>Hey There</Text>
    </View>
  );
}
  }
  export default SettingsScreen;

  const styles = StyleSheet.create({
container: {
  flex: 1,
  backgroundColor: '#fff',
  alignItems: 'center',
  justifyContent: 'center',
},
  });
  

 

пожалуйста, кто-нибудь знает, как создать ящик-раскладку в ответной реакции, объясните мне

Answer 1

Удаление alignItems: 'center' вашего HomeScreen стиля должно сделать эту работу.