const OfferStack = createStackNavigator(
{
Offer: OfferScreen
},
{ headerLayoutPreset: "center" }
);
const TabNavigator = createBottomTabNavigator(
{
Stock: {
screen: OfferStack,
navigationOptions: {
header: null,
tabBarIcon: () => {
return (
<View style={styles.itemConteiner}>
<Image source={stock} />
<Text style={styles.text}>
{strings("bottomTabNavigator.Stock")}
</Text>
</View>
);
}
}
},
Spend: {
screen: SpendStack,
navigationOptions: {
header: null,
tabBarIcon: () => {
return (
<View style={styles.itemConteiner}>
<Image source={spend} />
<Text style={styles.text}>
{strings("bottomTabNavigator.Spend")}
</Text>
</View>
);
}
}
},
Main: {
screen: MainStack,
navigationOptions: {
showLabel: false,
tabBarIcon: () => {
return (
<View>
<Image source={main} />
</View>
);
}
}
},
Charge: {
screen: ChargeStack,
navigationOptions: {
header: null,
tabBarIcon: () => {
return (
<View style={styles.itemConteiner}>
<Image source={charge} />
<Text style={styles.text}>
{strings("bottomTabNavigator.Charge")}
</Text>
</View>
);
}
}
},
Payments: {
screen: PaymentsStack,
navigationOptions: {
header: null,
tabBarIcon: () => {
return (
<View style={styles.itemConteiner}>
<Image source={payments} />
<Text style={styles.text}>
{strings("bottomTabNavigator.Payments")}
</Text>
</View>
);
}
}
}
},
{
}
);
export default TabNavigator;