title: How to create bottom tab navigation using react native
body: <p>I am going to implement a react native footer menu (bottom tam navigator). But I got some errors on running it.</p>
  <p>this is my drawer.js file</p>
  <pre><code>import React,{Component} from 'react';
  import {View,Text,StyleSheet} from &quot;react-native&quot;;
  import {createAppContainer}from &quot;react-navigation&quot;;
  import {createMaterialBootomTabNavigator} from &quot;react-navigation-material-bottom-tabs&quot;;
  import Homescreen from &quot;./home.js&quot;;
  
  class drawer extends React.Component{
  
  
      render() {
          return (
              &lt;View style={styles.container}&gt;
                  &lt;Text&gt;drawer&lt;/Text&gt;
              &lt;/View&gt;
          );
      }
  }
  
  
  const styles=StyleSheet.create({
  
      container:{
          flex:1,
          justifyContent:&quot;center&quot;,
          alignItems:&quot;center&quot;,
      }
  });
  
  const TabNavigator=createMaterialBootomTabNavigator(
      {
      Home:{
          screen:Homescreen,
      }
  
      },
  
      {
          initialRouteName:&quot;home&quot;,
          activeColor:&quot;#f0edf6&quot;,
          inactiveColor:&quot;#3e2465&quot;,
          barStyle:{ backgroundColor: '#694fad' },
          
      }
  
  
  );
  
  export default createAppContainer(TabNavigator);
  </code></pre>
  <p>I had already installed the react-navigator.</p>
  <p>By run it on my emulator I got this error.
  <a href="https://i.stack.imgur.com/7GNz0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7GNz0.png" alt="enter image description here" /></a></p>
  <p>how can I fix this?</p>