Hey there, I've encountered an error while setting up the bottom material tab navigator. I've looked into it extensively but can't pinpoint the exact cause of the issue.
https://i.sstatic.net/TtGIf.png
import React, { Component } from 'react'
import{StyleSheet,Text,View}from 'react-native'
import Profile from './Profile'
import Cart from './Cart'
import{createBottomTabNavigator,createAppContainer} from 'react-navigation';
import{createMaterialBottomTabNavigator} from 'react-navigation-material-bottom-tabs';
import{Icon} from 'react-native-elements';
import Home from './Home';
class App extends Component{
render(){
return(
<View>
</View>
)
}
}
const TabNavigator=createMaterialBottomTabNavigator(
{
Home:{screen:Home,
navigationOptions:{
tabBarLabel:'Home',
activeColor:'#ff0000',
inactivecolor:'#000000',
barStyle:{backgroundcolor:'#67ba56'},
tabBarIcon:()=>(
<View>
<Icon name= {'home'} size={25} style={{color:'#ff0000'}} />
</View>
)
}
},
Profile:{screen:Profile,
navigationOptions:{
tabBarLabel:'Profile',
activeColor:'#ff0000',
inactivecolor:'#000000',
barStyle:{backgroundcolor:'#67ba56'},
tabBarIcon:()=>(
<View>
<Icon name= {'profile'} size={25} style={{color:'#ff0000'}} />
</View>
)
}
},
Cart:{screen:Cart,
navigationOptions:{
tabBarLabel:'Cart',
activeColor:'#ff0000',
inactivecolor:'#000000',
barStyle:{backgroundcolor:'#67ba56'},
tabBarIcon:()=>(
<View>
<Icon name= {'add-shopping-cart'} size={25} style={{color:'#ff0000'}} />
</View>
)
}
}
}
),
export default createAppContainer(TabNavigator)I've made sure to install all necessary dependencies and reviewed the export statement, but it still doesn't seem to be functioning properly. Do you think reinstalling the dependencies would solve the issue?