Already added three tab items but still returns an Error: "Error: Three tab should be work"

[hotmarycorleone]

import React, { Component } from 'react';
import {View} from 'react-native';
import { Container, Header, Content, Card, CardItem, Text, Body } from 'native-base';
import TabBar from "react-native-tab-bar-interaction";

export default class App extends Component {
render() {
return (

        <TabBar.Item
         icon={require('./images/jeepney.png')}
         selectedIcon={require('./images/noimage.png')}
         title="Tab1"
         screenBackgroundColor={{ backgroundColor: '#008080' }}
     >
        
      Tab First
        
        </TabBar.Item>

        <TabBar.Item
         icon={require('./images/parking.png')}
         selectedIcon={require('./images/noimage.png')}
         title="Tab2"
         screenBackgroundColor={{ backgroundColor: '#F08080' }}
     >
        
        Tab Second
        
        </TabBar.Item>

        <TabBar.Item
         icon={require('./images/shuttle.png')}
         selectedIcon={require('./images/noimage.png')}
         title="Tab3"
         screenBackgroundColor={{ backgroundColor: '#485d72' }}
     >
         
         Tab Third
         
         </TabBar.Item>

         

);

}
}

[Miladvp]

Hi
you forgot to write your three tabs in TabBar

import TabBar from 'react-native-tab-bar-interaction';
class example extends Component{
    render( ) {
      return ( 
           <TabBar>
               <TabBar.Item><tabBar.Item/>
               <TabBar.Item><tabBar.Item/>
               <TabBar.Item><tabBar.Item/>
          <TabBar/>
      )
  }
}